css opacity filter..

Status
Niet open voor verdere reacties.

xlordingo

Gebruiker
Lid geworden
23 jun 2007
Berichten
299
In mijn css heb ik een filter toegevoegd:
Code:
filter:alpha(opacity=60);
Dit werkt prima (zolang ik in IE zit, maar daar gaat mijn vraag niet over).

Nu krijgen mijn plaatjes die ik in mijn box zet (die het filter heeft) ook het filter.. (mijn plaatjes worden dus ook doorschijnend..

Hoe kan ik voorkomen dat mijn plaatjes ook doorschijnend worden?

Code:
#content 
		{
		background-color: #9adc82;
		border-style: solid; 
		border-width: 2px; 
		color: black;
		position: absolute;
		height: 50%;
		width: 90%;
		left: 5%;
		right: 5%;
		top: 20%;
		filter:alpha(opacity=60);
		}

#header
		{
		background-color: #9adc82;
		border-style: solid; 
		border-width: 2px; 
		color: black; 
		position: absolute;
		height: 15%;
		width: 90%;
		left: 5%;
		right: 5%;
		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>
				<img src="TAKEN-button.jpg" border="2px" align="left"> 	
			</div> 
		<!-- 	<div id="left"> <h2> LEFT ! </h2> </div> --> 
	</body>
</html>

Groeten lucas:)
 
blijkbaar worden filter overgeërfd, je kunt het volgende stukje aan je css toevoegen:

Code:
#content . {
      filter:alpha(opacity=100);
}
die zorgt dat alle elementen (de .) onder #content ondoorzichtig worden.

mgv. Ecross
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan