Моят CSS скрива изображение, когато го променя - html, css, css3

Не съм сигурна защо това се случва.

Имам перфектно икона, показваща обаче, когато сменя изображението, тя спира да се показва, само когато задържам върху нея.

Не мога да променя HTML, само css елементи.

Ето HTML

<div class="div-menu-win">
<ul class="menu-win">
<li>
<div title="Ajuda" class="iconWin manual"></div>
</li>
</ul>
</div>

Моят css с изображението работи

ul.menu-win li .manual, ul.menu-win li .manual::after
{
background-image: url("../images/ico_aj.png");
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}

ul.menu-win li .manual,
ul.menu-win li .manual:after
{
background-image: url("../images/ico_aj.png");
background-repeat: no-repeat;
background-position: center;
background-size:16px 16px;
}

Има съобщение там, Правила за филтриране, съдържащи това свойство

И когато сменя фоновото изображение, това изображение изчезва.

някакви мисли?

Отговори:

Трябва да добавите още CSS правила. Опитайте да зададете размера, свойството на съдържанието (задължително за :: след и :: преди метаизборници) и типа на дисплея ... като пример:

width:20px;
height:20px;
content:" ";
display:block;