webForumDet fria alternativet

PNG i internet explorer

3 svar · 716 visningar · startad av silfver

silfverMedlem sedan apr. 200312 679 inlägg
#1

Jag har en div med en bakgrundsbild i png som jag vill ska vara transparant. Men i IE så blir det en grå box i stället. Jag har surfat runt lite på nätet och försökt komma runt det här problemet, men alla de sidor jag hittat beskriver felet olika.

Den här koden fungerar perfekt i Safari, Firefox och Opera (på mac) men inte i Internet Explorer på PC. Hur gör jag enklast för att lösa det här problemet?

#l-hand {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/box.png', sizingMethod='crop');
}

(enabled=true ändras av wF)

#box {
	background: url(/img/box.png) no-repeat;
	position: absolute;
	left: -38px;
	top: 100px;
	width: 87px;
	height: 136px;
}

Tack på förhand. :)

silfverMedlem sedan apr. 200312 679 inlägg
#2

Problemet kvarstår...

zcorpanMedlem sedan dec. 20042 245 inlägg
#3

Testa:

[b]* html[/b] #l-hand {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/box.png', sizingMethod='crop');
}

Om den här regelmängden kommer före regelmängden med den tänkta 'background'-egenskapen behövs * html för att öka specificiteten på selektorn (annars får IE6 den "tänkta" bakgrunden ändå), eller annars för att gömma 'background: none' från webbläsare som inte förstår 'filter'.

silfverMedlem sedan apr. 200312 679 inlägg
#4

Tackar så mycket! :bire

128 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)