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

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -