问题提出:我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示如下: 解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: <a href=”#” onclick=”document.getElementById(menu).style.visibility=visible”>menu</a> <form>
<div id=”menu” style=”position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;”>
<table>
<tr><td>item 1</td></tr>
<tr><td>item 2</td></tr>
<tr><td>item 3</td></tr>
<tr><td>item 4</td></tr>
<tr><td>item 5</td></tr>
</table>
<iframe src=”http://www.knowsky.com/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>
<select><option>A form selection list</option></select>
</form>
用 iframe 解决下拉框与层之冲突_html教程
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 用 iframe 解决下拉框与层之冲突_html教程
相关推荐
-      设置CheckBox复选框只读属性
-      HTML5中div、article、section三者的区别
-      HTML 5 canvas 标签的定义与用法
-      html中的tabIndex属性来控制Tab键的顺序
-      使用html5的fillRect和setTransform画立方体
-      10个HTML4和HTML5的关键区别
-      html5 canvas 线太粗的解决方法
-      html5 canvas 画虚线的方法