Fancybox icons gone in IE

Dear experts,

I have a problem with the newest Fancybox 1.3.1, I am upgrading from 1.2.6.

The only problem is that the closing icon is not visible in Internet Explorer.
Everything works fine in Firefox, Safari and Google Chrome. No problems at all.

Anyone who knows what is wrong?

Every answers are appreciated!
DanishCoder
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type='text/javascript' src='fancybox/jquery.easing-1.3.pack.js'></script>
<script type='text/javascript' src='fancybox/jquery.fancybox-1.3.1.js'></script>
<link rel='stylesheet' type='text/css' href='fancybox/jquery.fancybox-1.3.1.css' media='screen' />

<link rel="stylesheet" href="/styles.css"/>
<link rel="stylesheet" href="/stylesdrop.css"/>
<script type="text/javascript">
$(function(){
	/* Fancy-box */
	$("#fancybox").fancybox		({'width': 700,'autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});
	$("a#admin").fancybox		({'width': 700,'height':500,'autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});
	$("a#outlook").fancybox		({'width': 700,'height':400,'autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});
	$("a#tipafriend").fancybox	({'width': 700,'height':500,'autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});
	$("a#findvej").fancybox		({'width': 750,'height':500,'autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});
	$("a#scripture").fancybox	({'width': 700,'height':300,'autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});
});
</script>
</head>


<body>

<a href="http://fancybox.net" id="something">

</body>
</html>

Open in new window

DanishCoderAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
JBond2010Connect With a Mentor Commented:
The problem is in the end of the jquery.fancybox-1.3.1.css file after the /* IE */ comment where it runs every image through progid:DXImageTransform.Microsoft.AlphaImageLoader.

I commented out all the lines with progid:DXImageTransform.Microsoft.AlphaImageLoader (lines 341 and down) and now it works in ie8 & ie7, haven't been able to try it in ie6. If you don't need ie6 support this should do the trick.
0
 
DanishCoderAuthor Commented:
Thank you, JBond2010

Yes it works very well!
Now my IE visitors know how to get to the site :)
0
All Courses

From novice to tech pro — start learning today.