CSS-Hintergrundbildinkonsistenz in IE6 und IE7 - css, internet-explorer-6, internet-explorer-7

Ich habe eine Spanne, die durch Javascript mit seiner CSS-Klasse wie folgt generiert wird:

.class1{
width:25px;
height:25px;
background-image: url(pic.png);
background-repeat:no-repeat;
background-position: center;
cursor:pointer;
margin-left:10px;
}

Das Problem ist auf der HTML-Seite, ich kann den Zeiger-cursor, aber nicht das Hintergrundbild über die Spannweite in IE7 sehen.

In IE6 werden beide angezeigt, keine Probleme.

Antworten:

3 für die Antwort № 1

Span ist definitionsgemäß ein Inline-Element, versuchen Sie es hinzuzufügen display:block; oder display:inline-block; zu .class1. Auch hinzufügen height und width von deinem Bild.

Wie so:

.class1{
width:25px;
height:25px;
background-image: url(pic.png);
background-repeat:no-repeat;
background-position: center;
cursor:pointer;
margin-left:10px;

display:block; /*or inline-block*/
height:100px;
width:100px; /*img height and width*/
}

Verwandte Fragen
Speisekarte