Mein CSS verbirgt ein Bild, wenn ich es ändere - html, css, css3

Ich bin nicht sicher, warum das so ist.

Ich habe ein perfektes Symbol, das jedoch angezeigt wird, wenn ich das Bild ändere, es wird nur noch angezeigt, wenn ich darüber schwebe.

Ich kann den HTML-Code nicht ändern, nur CSS-Elemente.

Hier ist der HTML-Code

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

Meine CSS mit dem Image funktioniert

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;
}

Dort ist eine Nachricht, Filterregeln, die diese Eigenschaft enthalten

Und wenn ich das Hintergrundbild ändere, verschwindet das Bild.

Irgendwelche Gedanken?

Antworten:

Sie sollten weitere CSS-Regeln hinzufügen. Legen Sie die Größe, die Inhaltseigenschaft (erforderlich für :: after und :: before Metaselectors) und den Anzeigetyp ... als Beispiel fest:

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