---
title: "Bakgrund, horisontell \"fade\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/127741-bakgrund-horisontell-fade"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-05-06T05:58:13.000Z"
updated: "2005-05-06T16:08:45.000Z"
replies: 5
views: 325
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/127741-bakgrund-horisontell-fade"
---

# Bakgrund, horisontell "fade"

## #1 — maqe, 2005-05-06T05:58Z

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å?

Permalänk: https://www.webforum.nu/p/127741

## #2 — Insider, 2005-05-06T08:03Z

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;}
```

Permalänk: https://www.webforum.nu/p/1606465

## #3 — Danny, 2005-05-06T08:22Z

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...

Permalänk: https://www.webforum.nu/p/1606468

## #4 — zcorpan, 2005-05-06T09:12Z

I väntan på [bättre tider](http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-size) får man väl [missbruka en IMG](http://qurl.net/er) 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](http://www.google.se/search?q=position+fixed+ie).)

Permalänk: https://www.webforum.nu/p/1606477

## #5 — maqe, 2005-05-06T13:08Z

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

Permalänk: https://www.webforum.nu/p/1606560

## #6 — Danny, 2005-05-06T16:08Z

...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å...

Permalänk: https://www.webforum.nu/p/1606594

---

Tråden på webben: https://www.webforum.nu/amne/html-css/127741-bakgrund-horisontell-fade