css filter werkt alleen in IE

Status
Niet open voor verdere reacties.

xlordingo

Gebruiker
Lid geworden
23 jun 2007
Berichten
299
Hoi!

Ik ben bezig met het maken van een website
en nu heb ik een filter geplaatst in mijn css. Namelijk:
Code:
filter:alpha(Opacity=60);
Dit filtertje werkt bij mij alleen in Internet Explorer, helaas.

Mijn code tot nu toe:

Code:
#content 
		{
		background-color: white;
		color: black;
		position: absolute;
		height: 50%;
		width: 80%;
		left: 10%;
		right: 10%;
		top: 20%;
		filter:alpha(opacity=60);
		}

#header
		{
		background-color: #9adc82;
		border-style: solid; 
		border-width: 2px; 
		color: black; 
		position: absolute;
		height: 15%;
		width: 80%;
		left: 10%;
		right: 10%;
		top: 3%;
		filter:alpha(opacity=60);
		}
		
#left 
		{
		background-color: blue;
		color: white; 
		position: absolute;
		height: 62%;
		width: 15%;
		left: 3%;
		right: 82%;
		top: 8%;
		}
		
body 
		{
		background-image:url('background.jpg'); 
		}

Code:
<html> 
	<head>
		<title>
	patsboem
		</title>
		<link rel="stylesheet" type="text/css" href="css.css"> 
	</head>
	<body>
			<div id="content"> bats boem pats boem </div> 
			<div id="header"> <h1> header ! </h1></div> 
		<!-- 	<div id="left"> <h2> LEFT ! </h2> </div> --> 
	</body>
</html>


Het is allemaal nog een beetje slordig, maar dit is ook alleen nog het begin van het basis en uiterlijk van de website.
Hoe kan ik ervoor zorgen dat dit filter werkt in andere browsers?

Groeten Lucas :)
 
Laatst bewerkt:
Met andere woorden:
Gewoon css3 gebruiken voor de andere browsers.
Opacity:0.5; = 50%
1.0 = 100%
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan