bakgrundsbild och färg?

HTML & CSS

5 svar · 288 visningar · startad av laidback

Medlem sedan maj 2001797 inlägg
Trådstart#1

är det möjligt att med hjälp av css definera dels en bakgrundsbild som inte upprepas och en bakgrundsfärg som visas runt om bakgrundsbilden?

anledningen till detta är ett stort popup-fönster som fått scrollbars men bakgrundsbilden bara täcker fönstrets egentliga storlek, behöver nåt som fyller ut under, utan att göra bilden större eller upprepa.

för tillfället ser det ut ungefär som följer:

BODY {background-image: url(http://blabla.bla/bilden.gif); background-repeat: no-repeat }

eller någon som har en bättre lösning?

Medlem sedan aug. 20002 975 inlägg
#2

BODY {background-image: url(http://blabla.bla/bilden.gif); background-repeat: no-repeat; background-color:#FF0000;}

Medlem sedan jan. 20016 874 inlägg
#3

Och lägg till

background-position: center center;

Så får du bakgrundsfärgen runt bilden.

/frankof

Medlem sedan maj 2001797 inlägg
#4

shyrrans, det fungerade alldeles utmärkt.
dock gjorde
background-position: center center;
att bilden centrerades uppifrån också vilket jag inte ville, den skulle ligga högst upp, men det löste sig.

Medlem sedan jan. 20016 874 inlägg
#5

trodde du ville ha bakgrundsfärg runt om.
Du löste det med...

background-position: top center;

..eller?

/frankof

Medlem sedan maj 2001797 inlägg
#6

ungefär så ja..
så nu ser det ut som det ska. *hoho*

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