Rob Day wrote:
> ... As I understand
> it, when a PNG is specified as a background in CSS with
> AlphaImageLoader filter applied AND that element is absolutely
> positioned, links in that element (or its children) will be messed up
> in IE 6 (and 5.5, I believe).
>
> Here's my example: http://groucho.tsl.state.tx.us/test/
>
> ... The part of the masthead that is supposed to be a link is on the top
> right--the part that says "Texas State Library and Archives
> Commission". In Firefox, Safari and Opera you'll see a black box
> around this area. In IE you won't. ...
The idea is to move the filter from the absolute positioned ancestor of
the link to a non-positioned child with the same dimensions that
contains the link (an inner wrapper) [1]
#masthead #iepng {
/* bg png moved from masthead */
background: transparent url('masthead.png') no-repeat right center;
/* dimensions equal to a.p. #masthead */
width: 100%;
height: 100%;
}
<div id="masthead">
<div id="iepng">
<a href="#"> </a>
</div>
<!-- inner wrapper iepng inserted to fix unclickable links on a.p. alpha
image loader png's -->
</div>
Ingo
[1] http://www.satzansatz.de/cssd/tmp/alphatransparency.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
