CSS Help (Transparent .png)
Posted: 27 January 2009 12:01 AM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2009-01-26

Hello, I have a website that I’m having trouble with the .png file showing transparent with IE6. Can someone help me with this issue?

.HTML

<div id=“container”>
  <div id=“header”>
  <h1> </h1>
  http://spec-works.com/stratamed/ladyflower.png
  </div>


.css

#header img {
  overflow: visible;
  z-index: 200;
  top: 0px;
  right: 0px;
  clear: both;
  float: right;
  position: absolute;
}

Profile
 
 
Posted: 23 February 2009 06:51 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  12
Joined  2006-01-19

Try this

http://jquery.andreaseberhard.de/pngFix/

Terry

Profile
 
 
Posted: 12 March 2009 04:47 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  17
Joined  2009-03-09

First of all you don’t need any jquery coding to solve the problem.
Just plain CSS code.
Small problem is difference in browsers ( Firefox need values from 0 to 1 and IE from 0 - 100 ) so you must write two lines, that I added to your CSS code:

#header img {
overflowvisible;
z-index200;
top0px;
right0px;
clearboth;
floatright;
positionabsolute;
opacity:0.4/* this is for FireFox */
filter:alpha(opacity=40/* this is for IE */
Profile
 
 
Posted: 14 April 2009 01:15 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  14
Joined  2008-02-04

For IE6, I use the TwinHelix PNG fix. Google that and it should work.

Profile