Home > Developer > JavaScript
<Html> <Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">
<Title> Select blocking solution for the Div drop-down menu </title>
</Head> <body>
<Div style = "z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden ;"
Onmouseover = "this. style. height = 100;" onmouseout = "this. style. height = 18;">
<Iframe style = "position: absolute; z-index:-1; width: 100%; height: 100%; top: 0;
Left: 0; scrolling: no; "frameborder =" 0 "src =" about: blank "> </iframe>
<Div style = "background-color: silver;">
Drop-down menu <br/>
Bbbbbbb <br/>
Ccccccc <br/>
Ccccccc <br/>
Ccccccc <br/>
Ccccccc
</Div>
</Div>
<Select style = "width: 200">
<Option> test0 </option>
<Option> test1 </option>
<Option> test2 </option>
<Option> test3 </option>
</Select>
<Br/>
<Pre>
Div is blocked by Select, which is a common problem.
Some friends put the div content into iframe or object to solve the problem.
It is a pity that this will damage the structure of the page, and the interaction is not good.
The method used here is:
Although div cannot directly cover select
However, div can cover iframe, while iframe can cover select,
Therefore, an iframe is used as the bottom of the div,
This div can cover the select statement.
</Pre>
</Body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
