app教程网 学习教程 下拉框jsp(下拉框被下面的div覆盖)

下拉框jsp(下拉框被下面的div覆盖)

解决问题:因为图层和下拉框之间的优先级是:下拉框图层,所以显示时会因为优先级顺序出现上面的问题。(如果几个元素是层,

我们可以通过图层的z-index属性来设置)解决方法是在图层中放一个iframe,优先级比下拉框高,这样就解决了这个问题!具体解决方案代码如下:

div id='menu' style='position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;' table trtditem 1/td/tr trtditem 2/td/tr trtditem 3/td/tr trtditem 4/td/tr trtditem 5/td/tr /table iframe src='javascript:false' style='position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';'/iframe/div

a href='#' menu/a

form selectoptionA form selection list/option/select/form

本文来自网络,不代表本站立场,转载请注明出处:https: