相关文章
北京网站制作编写网页样式CSS的一个小技巧
网站设计HTML应用程序(HTML Application)
网站制作制作虚线效果的水平线
北京网站建设Flash 8 Professional Copy Pixels位图象素复制
北京网页设计FLASH MX 2004视频教程:运动(一)运动的小球
网站建设FLASH MX 2004视频教程:翻书效果二(3)
北京网站设计Dreamweaver经典问题大搜罗(六)
企通互联Dreamweaver 常见问题3
网页设计FrontPage 2002扩充插件(一)
北京网页设计修饰之美:CSS在表格边框上的美学应用
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站制作网页设计用 iframe 解决下拉框与层之冲突
网站制作网页设计用 iframe 解决下拉框与层之冲突

解决问题:由于层与下拉框之间的优先级是:下拉框 > 网站制作层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 网站建设 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>北京网站建设 www.qitongnet.com
<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>
上一篇:企通互联表格特效代码全集中
下一篇:北京网站制作个性化表单五技巧