Web Design Forum: IE6 - No transparency - Workaround? - Web Design Forum

Jump to content

View New Content

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

IE6 - No transparency - Workaround? The bane of my life... Rate Topic:

#1 Frost Tear

Expert

Group: Members
Posts: 713
Joined: 10-May 10
Reputation: 17
Gender:Male
Location:Bristol
Experience:Intermediate
Area of Expertise:Web Designer

Posted 05 June 2010 - 09:41 PM

Unfortunately, the design for my website uses a transparent border around the main content section (for a sort of glass effect). Is there any way of working around this in IE6 without reslicing my layout with all layers visible?

Thanks folks.

#2 andyl

White space enthusiast

Group: Members
Posts: 1,534
Joined: 21-January 10
Reputation: 210
Gender:Male
Location:Surrey
Experience:Intermediate
Area of Expertise:Web Developer

Posted 05 June 2010 - 10:40 PM

In your <head>:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://jquery.andreaseberhard.de/pngFix/jquery.pngFix.pack.js"></script>
<script type="text/javascript">$(document).ready(function(){ $("body").pngFix(); })</script>

Should sort it out for you :good:

#3 mteam

Web Guru

Group: Members
Posts: 1,828
Joined: 07-November 09
Reputation: 247
Gender:Male
Location:Manchester
Experience:Nothing
Area of Expertise:Nothing

Posted 05 June 2010 - 10:44 PM

Might be useful

http://www.sohtanaka...parency-in-ie6/

Andyl beat me to it

#4 Frost Tear

Expert

Group: Members
Posts: 713
Joined: 10-May 10
Reputation: 17
Gender:Male
Location:Bristol
Experience:Intermediate
Area of Expertise:Web Designer

Posted 05 June 2010 - 10:50 PM

Wicked; shall try this out when I get home (at work at the moment). Will also +1 you both.

Cheers guys!

#5 andyl

White space enthusiast

Group: Members
Posts: 1,534
Joined: 21-January 10
Reputation: 210
Gender:Male
Location:Surrey
Experience:Intermediate
Area of Expertise:Web Developer

Posted 05 June 2010 - 10:58 PM

mteam, on 05 June 2010 - 10:44 PM, said:

Andyl beat me to it

Frost Tear, on 05 June 2010 - 10:50 PM, said:

Wicked; shall try this out when I get home (at work at the moment). Will also +1 you both.

Cheers guys!

The method I posted is just one I've used previously and seems to work with just those three lines at the top (one of which is just jQuery, so you will likely already have it) - surprisingly effective.
Anyway... get back to work :acute: