2017-08-16 2 views
1

Ich bin mir nicht sicher, warum das passiert.Mein CSS ist versteckt ein Bild, wenn ich es ändere

Ich habe ein perfektes Icon, aber wenn ich das Bild ändere, hört es auf zu zeigen, nur wenn ich darüber schwebe.

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

ist die HTML-

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

Meine CSS mit dem Bild arbeiten

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

Es gibt eine Nachricht gibt, Filterregeln enthält diese Eigenschaft

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

Irgendwelche Gedanken?

Screenshot

+3

Etwas anderes überschreibt es. Weitere Informationen finden Sie in der Liste der Regeln. Der andere Teil ist das ':: after' muss eine' content: ',' ​​display: ',' ​​width: 'und' height: 'Eigenschaften haben oder Sie werden nie das Hintergrundbild auf dem Pseudo sehen. – disinfor

Antwort

0

Sie sollten einige weitere CSS-Regeln hinzuzufügen. Versuchen Sie, die Größe, die Inhaltseigenschaft (erforderlich für :: after und :: before metaselectors) und den Anzeigetyp ... als Beispiel zu setzen:

Verwandte Themen