Solved

Fancybox icons gone in IE

Posted on 2010-09-18
2
723 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

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

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

Suggested Solutions

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
This article discusses how to create an extensible mechanism for linked drop downs.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
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 …

738 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