Hintergrundbild für eine <a> Tag

bitte helfen Sie mir. Ich kann nicht verstehen, warum mein CSS-Code für das Hintergrundbild nicht funktioniert.Hintergrundbild für eine <a> Tag

.fb { 
 
    margin-bottom: 10px; 
 
    width: 160px; 
 
    height:160px; 
 
    display:block; 
 
    background:transparent url('/images/social%20icons/normal/fb.png') center top no-repeat; 
 
} 
 

 
.fb:hover { 
 
    background-image: url('/images/social%20icons/hover/fb.png'); 
 
}

<a href="#" class="fb"></a>

Quelle

2016-03-20 Maria

Try '../ images/Sozial% 20icons/normal/fb.png' – Aziz

Und auch ein Punkt:' ./images/ social% 20icons/normal/fb.png'. Ein Punkt, wenn sich Ihr Bild im selben Verzeichnis befindet; zwei Punkte, wenn es sich im oberen Verzeichnis befindet. Versuchen Sie auch, den Schrägstrich zu entfernen –

Dies funktioniert: ../images/social%20icons/normal/fb.png

Quelle

2016-03-20 18:08:54 Maria

Hintergrundbild für eine <a> Tag

Antwort

Verwandte Themen