Solved

Fancybox icons gone in IE

Posted on 2010-09-18
2
725 Views
Last Modified: 2012-06-22
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

0
Comment
Question by:DanishCoder
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 15

Accepted Solution

by:
JBond2010 earned 500 total points
ID: 33709736
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
 

Author Closing Comment

by:DanishCoder
ID: 33711007
Thank you, JBond2010

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

Featured Post

Turn Insights Into Action

You’ve already invested in ITSM tools, chat applications, automation utilities, and more. Fortify these solutions with intelligent communications so you can drive business processes forward.

With xMatters, you'll never miss a beat.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

690 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question