相关文章
网站制作新闻管理
北京网站建设HTML文件中也玩include文件包含
网站制作正确使用XHTML的冒险以及解决办法
北京网页设计Dreamweaver MX 2004 浏览器检测
网站设计Photoshop结合Dreamweaver制作网页相册方法
企通互联制作简单实用的FLASH导航菜单(2)
北京网站建设FLASH MX 2004视频教程:时钟屏保(二)
网站建设FLASH MX 2004视频教程:翻书效果二(4)
北京网站设计FLASH MX 2004视频教程:美丽的新世界
北京网站建设Flash视频教程:2.2 制作七彩文字
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站设计北京网站设计用 iframe 解决下拉框与层之冲突
北京网站设计北京网站设计用 iframe 解决下拉框与层之冲突
问题提出:我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示网站建设

www.qitongnet.com解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:
<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="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="#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>
<form> 网站制作北京网站制作
<select><option>A form selection list</option></select>北京网页设计
</form>