Tonad bakgrund ska inte repeteras

HTML & CSS

4 svar · 532 visningar · startad av carl_x

Medlem sedan mars 20001 858 inlägg
Trådstart#1

Har en tonad bakgrund på min sida. Den tonar från rött till svart och är 2000 pixlar hög. Är det mycket innehåll på sidan repeteras naturligtvis bakgrunden, men det vill jag inte att den ska göra. Hur gör jag för att all bakgrund utöver 2000 pixlar förblir svart?

Medlem sedan okt. 200450 inlägg
#2

background-repeat: repeat-x;
background-color: black;

lr snabbvarianten: background: black url('minbakgrund.gif') repeat-x top left;
vet inte ifall "top left" krävs, borde funka även utan dom.

Medlem sedan feb. 2004489 inlägg
#3

I CSSen för bakgrunden, lägg till:
background-repeat:no-repeat;

Om du fortfarande vill att bilden skall repeteras i x-led så går även det genom att ändra no-repeat till repeat-x.

Medlem sedan mars 20001 858 inlägg
#4

Tack!

Medlem sedan sep. 20026 425 inlägg
#5

Om du skapar en bild som är 2000 pixlar hög och 1 pixel bred och repeterar den i x-led m h a css så bör detta fungera:

body { background: #000 url(bakgrundsbild.gif) repeat-x;

http://www.stylegala.com/features/css-reference/background.htm är en bra referens för bakgrunder i css.

/r vissa hann före :)

250 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)