height - CSS issue: Links on page becoming unclickable when other element is positioned "absolute" -
this longer story i'm trying cut short. i'm playing around website menu supposed partly slide under partly transparent background gif image, , reveal upon mouseover. that, i'm using z-index parameter on both background image , menu. since can't use z-index on body background image, i'm using "regular" image, i'm setting 100% width , height - , z-index paramenter work, need specify "position" well. seems though combo, i'm creating invisible shield that'll make links untouchable. i've cooked down following lines:
<style> #style { position: absolute; width:100%; height:100%; } </style> <div id="style"></div> <a href="">test</a>
if try this, see "test" link unclickable (cross-browser).
does have idea how can solve this? thanks!
<style> #style { background-color:#ccc; position: absolute; width:100%; height:100%; } {position:relative} /*won't change position of link, shows link above.*/ </style> <div id="style"></div> <a href="#">test</a>
Comments
Post a Comment