javilmer
asked on
Layer hidden par <select> tag
We have a web page with a layer and <select> tags. The layer is a small window which is supposed to hide the <select> but it does not... How can we make it hide the select ?
So it goes :
<style type="text/css">
#cat_prodiv {position:relative;width:1 5em;}
#cat_proinput {position:relative;width:1 00%;height :1.2em;dis play:block ;}
#cat_procontainer {position:relative;bottom: 4px;right: 4px;border :1px solid #404040;background:#fff;fo nt-size:85 %;overflow :hidden;}
#cat_proshadow {position:absolute;width:1 00%;*width :auto;_wid th:100%;ma rgin:.3em; z-index:5; background :#a0a0a0;} /* bug 614383 workaround for ie7 */
</style>
<div id="cat_prodiv"><input id="cat_proinput" style="height:18px;width:1 20px;" type="text" name=zoom2 autocomplete=off>
<div id="cat_proshadow"><div id="cat_procontainer">bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br></div></div>
</div>
<br><br>
<select><option>hello</sel ect>
and we want to "hello" to be hidden by the "bla bla bla" lines.
Help greatly appreciated.
So it goes :
<style type="text/css">
#cat_prodiv {position:relative;width:1
#cat_proinput {position:relative;width:1
#cat_procontainer {position:relative;bottom:
#cat_proshadow {position:absolute;width:1
</style>
<div id="cat_prodiv"><input id="cat_proinput" style="height:18px;width:1
<div id="cat_proshadow"><div id="cat_procontainer">bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br></div></div>
</div>
<br><br>
<select><option>hello</sel
and we want to "hello" to be hidden by the "bla bla bla" lines.
Help greatly appreciated.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
What's your need for hiding the <select>?
Do you want to create a combobox with both input and dropdown options?