webForumDet fria alternativet

Genomskinliga png i IE/Win

Design & grafik

3 svar · 362 visningar · startad av alnö_mattias

Medlem sedan maj 200516 inlägg
Frågan#1

Nu har jag slitit med detta nog.
Frustrationen är hög.

jag har tre lager:
div1: png
div2: jpg
div3: png

png:na ska vara genomskinliga via Alpha kanalen.
div3 lyckas jag få genomskinlig men inte div1.
Jag använder samma teknik men det funkar inte.
Just nu är koden bortrensad... div1 där är det en dropshadow som är genomskinlig alltså inte hela bilden. div3 där är det hela bilden som är genomskinlig.

Lite kod:
css:

#lowerstripe {
	position: absolute;
	margin:0 auto;
	top: 480px;
	left: 30px;
	z-index: 10;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='img/stripe.png',sizingmethod='scale');
}

xhtml:

	<div id="picbg">
		<img src="img/bg.png" alt="En ram runt bilden." border="0" />
	</div>

	<div id="lowerstripe">
		<!-- <img src="img/stripe.png" alt="Semi transparent stripe" /> -->
		<script language="javascript" type="text/javascript">
			od_displayImage('img/stripe.png', 'ls', 640, 30, '', 'Semi transparent stripe');
		</script>
	</div>

Argh vad ska jag göra????

Medlem sedan juli 20044 453 inlägg
Medlem sedan nov. 20017 144 inlägg
#3

alnö_mattias: byt ut [code] mot [kod] i din bifogade kod.

Medlem sedan juni 20034 013 inlägg
#4

Tyvärr Mattias, du har precis upptäckt varför IE suger. Genomskinliga png-filer är bara ett exempel i mängden på där Microsoft valt att inte ha stöd för hela standarden.

Ju mer man jobbar med att göra webbplatser desto mer upptäcker man hur långt på efterkälken IE har hamnat.

251 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)