2010-12-28 14 views
18

Mam rozpiętość, która nie ma treści, ale potrzebuję obrazu tła (strzałka, nawiasem mówiąc).Rozpiętość z obrazem tła i bez zawartości

Problem jest bez zawartości wewnątrz tła nie pojawia się tło.

Jak mogę to rozwiązać?

+0

Dlaczego zamiast tego użyć poziomu bloku? Span jest elementem in-line i wymaga ustawienia atrybutu displayowego, aby blokował wykonywanie czynności, które domyślnie wykonywał element div. – Francisc

Odpowiedz

37

Ustaw szerokość; i właściwości wysokości przęsła.

<span style="width: 90px; height: 90px; background-image: url('bg.jpg'); display:block" /> 
+15

To nie działa bez 'display: block'. – thirtydot

+0

Blok wyświetlacza rozwiązuje problem. Dzięki tak dużo trzydzieścidot – ulima69

+8

'display: inline-block' również działa. –

1

Spróbuj umieścić spację twardą wewnątrz, tj .:

<span>&nbsp;</span> 
4

Ustaw style="padding-left:20px".

lub ustaw display:block; width:20px; height:20px.

-1

Można zrobić coś takiego:

<span style="display:block;width:arrow_width;height:arrow_height;background-image:url('image_name');">&nbsp;</span> 
+0

Rozmiar czcionki nie ma znaczenia. 'Width', 'height' i' display: block 'muszą być ustawione. To wszystko co się liczy. – JakeParis

0

jeśli ustawić go blokować automatycznie umieścić pod innym elementem, a to może spowodować pewne problemy w projektowaniu yyour. Aby temu zapobiec, można wykorzystać zalety wbudowanego i zablokować razem, ustawiając display:inline-block, który będzie umieszczony w linii i będzie można nadać mu wysokość i szerokość. Ps: To nie działa na ie7.