---
title: "toning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/61849-toning"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nexus86"
published: "2002-12-10T22:27:58.000Z"
updated: "2002-12-13T10:12:25.000Z"
replies: 6
views: 433
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/61849-toning"
---

# toning

## #1 — Nexus86, 2002-12-10T22:27Z

Nån som har nån aning om hur man gör en toningseffekt lodrätt som bakgrund. Den ska inte vara upplösningsberoende utan visas korrekt med alla upplösningar. Det gör däremot inget om den inte ändrar storlek samtidigt som fönstret. Hur uppnår man detta? :q

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

## #2 — bymarie, 2002-12-11T17:40Z

Varför inte tona en bild och ha som bakgrund? Det är gjort på 2 sek i Photoshop..

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

## #3 — Dino, 2002-12-11T17:46Z

[Gradient filter](http://msdn.microsoft.com/workshop/samples/author/filter/gradient.htm) 
Testa dig fram. Och som vanligt med filter så är de IE specifika. :)

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

## #4 — frankof, 2002-12-11T17:47Z

Som bymarie säger, gör en bild i något program.
Sedan placerar du bilden som bakgrund med hjälp av css.

```
body		{
	background-color:#000000;
	background-repeat:no-repeat;
	background-position: top left;
	background-attachment:fixed;
	background-image: url(img/gradient.gif);}
```

Du kan byta ut "no-repeat" mot "repeat-y(x)! beroende på vad som passar dig.

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

## #5 — higa, 2002-12-12T08:09Z

Ett alternativ är annars att ha en enfärgad bakgrund, skapa ett lager som innehåller en enfärgad png med en gradient alpha-kanal som tonar från 0% till 100% och sätta height 100% och z-index:1 på den. Sedan lägger du resten av innehållet i ett lager med z-index:2.

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

## #6 — Nexus86, 2002-12-12T22:29Z

av alla dessa verkar det vara som om higa var den som förstog 
bäst eller iallafall gav det svar jag gillade bäst.. ¦)

bymarie: gör jag det och man har för stor upplösning så börjar 
bilden om under..

dino: jag vet hur man gör gradients.. det behövs inget filter för 
det.. men samma som för bymarie, då kommer bilden börja om 
under igen..

frankof: det är en möjlighet men om man har fetingupplösning, 
som t.ex. 1600x1200 så kommer den översta färgen att vara 
mycket mindre än resten..

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

## #7 — Dino, 2002-12-13T10:12Z

> **Nexus86 skrev:**
>
> dino: jag vet hur man gör gradients.. det behövs inget filter för det.. men samma som för bymarie, då kommer bilden börja om 
> under igen..

Du har nog missförstått det, detta är ingen bild. Om du använder tex koden under så får du en gradient som är samma oavsett upplösning. :)

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <title>Untitled</title>
</head>
<body ID="oFilterDIV" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0000FF', EndColorStr='#00000000')">
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/61849-toning
