?
Solved

Layer hidden par <select> tag

Posted on 2006-07-10
4
Medium Priority
?
673 Views
Last Modified: 2012-08-14
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:15em;}
#cat_proinput {position:relative;width:100%;height:1.2em;display:block;}
#cat_procontainer {position:relative;bottom:4px;right:4px;border:1px solid #404040;background:#fff;font-size:85%;overflow:hidden;}
#cat_proshadow {position:absolute;width:100%;*width:auto;_width:100%;margin:.3em;z-index:5;background:#a0a0a0;} /* bug 614383 workaround for ie7 */
</style>

<div id="cat_prodiv"><input id="cat_proinput" style="height:18px;width:120px;" 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</select>

and we want to "hello" to be hidden by the "bla bla bla" lines.

Help greatly appreciated.
 
0
Comment
Question by:javilmer
2 Comments
 
LVL 30

Accepted Solution

by:
GrandSchtroumpf earned 800 total points
ID: 17075300
The problem is only in IE...
Select element is a "windowed element" (in M$ lingo).
And "windowed element" always display on top on "windowless elements".
http://support.microsoft.com/kb/q177378/
0
 
LVL 2

Expert Comment

by:holly29
ID: 17080657
The comment above is correct, not an answer though.
What's your need for  hiding the <select>?

Do you want to create a combobox with both input and dropdown options?
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Suggested Courses
Course of the Month8 days, 9 hours left to enroll

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question