---
title: "Om man kan tona ett lager från transparent bakgrund till en färg..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/18392-om-man-kan-tona-ett-lager-från-transparent-bakgrund-till-en-färg"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "rmblfish"
published: "2001-10-23T11:08:00.000Z"
updated: "2001-10-26T09:40:00.000Z"
replies: 5
views: 275
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/javascript/18392-om-man-kan-tona-ett-lager-från-transparent-bakgrund-till-en-färg"
---

# Om man kan tona ett lager från transparent bakgrund till en färg...

## #1 — rmblfish, 2001-10-23T11:08Z

hmm undrar om man kan tona ett lager från transparent bakgrund till en färg...borde ju gå men hur? hittar ingen liknande fråga+svar i forumet...

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

## #2 — mirre, 2001-10-23T15:37Z

Sure thing!

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
\*\*\*
\<html\>
\<head\>
\<title\>\</title\>
\<style\>
.myStyle {  filter: Alpha(Opacity=0); font-family: Arial, Helvetica,
sans-serif; font-size: 45px}
\</style\>
\<script\>
var styleID = ""
var lager = 0
var timer = 0
var alphaVal = 10
var arrayVar = new Array()
var yy

function changeColor() {
	if (document.all) {
		setStyleProperties(".myStyle")
	}
 }
 
 //\*\*\* Set properties on styles for animation on object
function setStyleProperties(ID) {
	styleID = ID
	
	document.styleSheets\[0\].addRule(styleID, "filter:
Alpha(Opacity="+alphaVal+")");
	//for (i=1;i\<arguments.length;i++) {
		//for (Li=0;Li\<arrayVar.length;Li++) {
			//if (arguments\==arrayVar\[Li\]) {
				//document.styleSheets\[0\].addRule(styleID,
"filter: Alpha(Opacity="+alphaVal+")");
			//}
		//}
	//}
	timer++;
	alphaVal += 10;
	setProperties = setTimeout("setStyleProperties('"+styleID+"')", 200)
	if (timer\>9) { 
		timer = 0
		alphaVal = 10
		clearTimeout(setProperties);
	}
}

\</script\>
\</head\>
\<body bgcolor="#FFFFFF" text="#000000"\>
\<a href="#" onMouseover="changeColor()"\>Visa text\</a\>
\<div id="hamngot" style="position:absolute; left:50px; top:50px; width:22px;
height:17px; z-index:18" class="myStyle"\>Lite text om nåt, eller så...\</div\>
\</body\>
\</html\>
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

Eller nåt. Typ funkar bara i IE4+. Måste skrivas om för Netscape. 

\[Redigerat av mirre den 23 okt 2001\]

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

## #3 — rmblfish, 2001-10-24T08:11Z

TopPen tjejjen! 
Ser även fram emot en krossbrowserlösning!

tusen tack!!

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

## #4 — marble, 2001-10-25T06:29Z

Går det att tona en färg till transparent som en bakgrund till ett textstycke?

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

## #5 — ironhead, 2001-10-25T08:07Z

Funkar inte i IE 6.0

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

## #6 — higa, 2001-10-26T09:40Z

Så här kör jag, funkar i både IE 5 och Mozilla:

```
var count = 0
function fade() {
 if(count < 100)
 {
  count++
  if (parseInt(navigator.appVersion) >= 5 ) { document.getElementById("fading").style.MozOpacity = (count/100) }
  else if(document.all) { fading.filters.alpha.opacity = count }
	setTimeout("fade()",40)
 }
}
```

```
<img id="fading" style="-moz-opacity:0.01; filter: alpha(opacity=1)" src="fade.png" width="264" height="60" alt="Fade">
```

Glöm inte att lägga in funtionen fade() på onload i bodytaggen

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/18392-om-man-kan-tona-ett-lager-från-transparent-bakgrund-till-en-färg
