5 svar · 321 visningar · startad av maqe
Jag vill använda mig av en bakgrund som är lite ljusare i vänstra högrnet och blir mörkare och mörkare ju längre åt höger man tittar. Det lär ju innebära problem med upplösningar etc, bakgrunden kommer repetera sig och då blir det inte så snyggt. Vilket är det bästa sättet att göra detta på?
Gör en bild som är en pixel hög och t.ex. 400px bred. Lägg in en fade på bilden så att den t.ex är vit längst till vänster och blir ljusgrå längst till höger. (samma som bakgrundsfärgen på sidan: #ccc) Bilden ska bara repeteras i y-led.
body {background:#ccc url(bg.jpg) repeat-y;}
dessa har jag lagt in i body-taggen i stilmallen:
background-color : #FFFFF2;
background-image : url(bild.gif);
background-repeat : repeat-x;
background-attachment:fixed;
margin-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
och det funkar finfint! Med "attachment-fixed" så fixeras den så alltid är där oavsett om man scrollar...
/red: fast du ska ju ha repeat-y då såklart...
I väntan på bättre tider får man väl missbruka en IMG och sträcka ut den, samt positionera den bakom allt annat så det ser ut som en bakgrundsbild...eller nåt. :) (Jag använder position:fixed i det exemplet, så det behöver en fix för IE.)
tack för svaren , tror jag kör på insiders variant dock kan det se konstigt ut eftersom jag har en centrerad site. Vill att alla ska få samma upplevelse när dom besöker sidan
...jag har lite svårt att vänja mig vid min numera fixerade bakgrund, det känns lite läskigt när innehållet liksom flyter ovanpå... kolla här http://dannesholk.se/page/page.html
/red: I menyn har jag förresten en repeat-y också...