Das Hintergrundbild im Bereich wird nicht ohne Text im span-Tag angezeigt

8

Der Bereich unten wird kein Hintergrundbild, wenn ich den inneren Text xxx

entferne %Vor%

Allerdings funktioniert es ohne den xxx im Kompatibilitätsmodus.

Wie kann ich ohne inneren Text arbeiten?

    
Foo 17.04.2013, 19:35
quelle

3 Antworten

13

Da der Standardwert für Inline-Elemente ist, die keine Breite oder Höhe haben. Ändere das CSS zu:

%Vor%

jsFiddle-Beispiel

Indem Sie die Anzeige von Inline auf Inline-Block umstellen, können Sie die Breite und Höhe der Spanne festlegen.

    
j08691 17.04.2013, 19:42
quelle
1

Das span-Element ist ein Inline-Element und hat als solches keine Breite oder Höhe. Sie müssen in den Elementen css angeben, dass es entweder als Block oder Inline-Block angezeigt werden soll, und dann die Breite und Höhe für das Bild angeben.

%Vor%

Beispiel

    
Chris Traveis 17.04.2013 19:46
quelle
0

Sie müssen eine Breite hinzufügen und müssen möglicherweise display:inline-block eingeben, andernfalls ist die Breite 0 und ist daher nicht sichtbar.

    
dave 17.04.2013 19:36
quelle

Tags und Links