semi-trasparenza div e immagini explorer

**dadolicchio** · 17-02-2011, 19:03

ciao a tutti. è da un po' che mi sono avvicinato alla trasparenza delgi elementi in css e mi è sorto un problema: in explorer non lo prende (ma va? :-D). questo è il codice:

codice:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Background</title>
        <style type="text/css">
        	body {
			text-align: center;
        		padding: 0;
        		font:14px arial,helvetica,sans-serif;
        		background:url(s.jpg) no-repeat;
        		color:#000000;
        	}
        	
        	#box {
    			margin: 0px auto;
   			text-align: left;  
        		width:400px;
        		position:relative;
        	}
        	
        	.box-bg {
        		position:absolute;
        		height:100%;
        		width:100%;
			background: #ffffff;
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			opacity:0.4;
        	}
        	
        	.box-content {
			padding:10px;
			position:relative;
        	}
        </style>
    </head>
    <body>
		<div id="box">

			<div class="box-bg"></div>
			<div class="box-content">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo vulputate laoreet. Aenean quis risus tincidunt metus sagittis adipiscing vitae vitae nisi. Aenean justo orci, posuere eu consectetur non, malesuada sed orci. Pellentesque ut turpis nec dui ornare accumsan.
			</div>
		</div>
    </body>
</html>

come posso fare per dare l'effetto di semitrasparenza anche ad explorer???

granzie in anticipo

**ResianTaxidrive** · 17-02-2011, 19:24

probabilmente devi usare la sintassi giusta, unacosa tipo:
-ms-filter:"progid

XImageTransform.Microsoft.Alpha(Opacity=50)"

Discussione: semi-trasparenza div e immagini explorer

Strumenti discussione

Ricerca discussione

Visualizza

semi-trasparenza div e immagini explorer

Permessi di invio