Microsoft Rand CSS Inhalt funktioniert nicht

die Idee ist, das Bild mit einem anderen mit CSS ändern, ich dies auf die ::before und ::after Pseudoelemente zu diesem Zeitpunkt example Microsoft Rand CSS Inhalt funktioniert nicht

.hoverCB,.hoverCL,.hoverCC,.hoverCD{ 
    width:150px !important; 
    height:150px !important; 
    transition:all 500ms fadeIn; 
} 
.hoverCB:hover{ 
     content:url(http://lightingstudio.emin.com.co/wp-content/uploads/icon-bombillo-color.svg); 
     transition:all 500ms fadeIn; 
    }

Quelle

2016-03-29 sittelle

Sind Sie sicher, dass dies ein Problem im MS Edge-Browser ist? Warum? – arkascha

Und was genau "funktioniert nicht" bedeutet? – arkascha

Die content Eigenschaft hat nur gültig (MDN). Ihr Code sollte nicht auf beliebigen aktuellen Browser funktionieren, nicht nur Edge- und irgendein Browser, der etwas tut (anscheinend Chromium) hat einen Fehler.

Wenn Sie versuchen, eine background-image auf :hover zu tun, empfehle ich Ihnen diebackground-image Eigenschaft .

Quelle

2016-03-29 16:31:49 abluejelly

Ich habe überprüft, es funktioniert tatsächlich auf Chromium. Was nicht heißt, dass es gültig ist, du bist genau da. – arkascha

@arkascha Es funktioniert tatsächlich auf einem modernen Browser? Wow, das ist peinlich ... – abluejelly

@arkascha Danke, ich nehme an, dass ich JS benutzen werde, um das Bild zu ändern, wenn die Maus auf diesem schwebt. – sittelle

Microsoft Rand CSS Inhalt funktioniert nicht

Antwort

Verwandte Themen