Png hack(background-image) hvordan?
Heysan,Jeg forsøgt under javascript, men der var det ikke et hit. Så jeg tænkte at det kunne være css-folket vidste besked!
Jeg har et fint png hack (fra en tidligere posther på eksperten):
<!-- PNG HACK START-->
<script language="javascript">
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
window.attachEvent("onload", fnLoadPngs);
}
function fnLoadPngs() {
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
if (itsAllGood && img.src.match(/\.png$/i) != null) {
var src = img.src;
img.style.width = img.width + "px";
img.style.height = img.height + "px";
img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
img.src = "blank.gif";
}
img.style.visibility = "visible";
}
}
</script>
<!-- PNG HACK SLUT-->
Og det er skam også helt fint. Problemet er at jeg gerne vil have en png som background-image - hvilket jo ikke bliver implementeret med <IMG> som hacket påvirker.
Er der nogen der har nogen idé om hvordan jeg får det til at virke? Det er selvfølgelig et must at det skal spille i IE, firefox og Safari (mon så ikke det spiller i resten også)...
Taaark!
/Kim