Sent by Ingo Chao on 30 April 2006 09:09
Scott Spilker wrote:
> Thanks guys for your ideas. While it doesn't look as good (what
> does in IE), I did get the transparency issue worked out. But, the
> link problem is still giving me grief. The weird part is, the back
> part of each <li> is linking, but the image itself. But, the image
> is in the background. Everything is working correctly in FF and
> Safari (as far as I'm aware). I've started a special style sheet
> for IE to keep the junk out of my regular one. Any ideas would be
> appreciated. Thanks!
>
> http://clients.creative-observations.com/rturn
>
At the moment, I can just test it via IE7. The links are not clickable [1].
Some problems:
1)
<link href="global.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">@import url("ie.css");</style>
<![endif]-->
Why are there filters on #gap - #give in the global.css when you are
having a Conditional Comment?
http://clients.creative-observations.com/rturn/global.css
Delete them.
2)
In
http://clients.creative-observations.com/rturn/ie.css
#gap {filter: progid:...}
#gap a {filter: progid:...}
Why does "#gap a" have the same filter as "#gap"?
Delete the "#gap a" -rule
3)
This will serve the filter to IE7, too, because you are in a [if IE]-CC.
#gap {filter: progid:...}
html>body #gap {background: url('images/gap-year.png');}
Change it to
* html #gap {filter: progid:...}
html>body #gap {background: url('images/gap-year.png');}
or use a cascade of CC's
4)
The links are getting clickable when you add
#navigation ul#nav li a {
...
z-index: 1;
position:relative;
}
to the A. (This will not work when the li is positioned [1]).
Ingo
[1] http://www.satzansatz.de/cssd/tmp/alphatransparency.html
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/