div层做的下拉菜单被同一页面的ifram挡住了怎么办？

Posted 2023-05-10

参考技术A iframe嵌入肯定是会被挡主的做菜单的话，不用Iframe，直接在页面上做，如果用DIV会被Input挡住，比较推荐用Popup窗口做要是ASP、ASPX、JSP等嵌入可以用 参考技术B 设置一下被遮住层的优先，z-index：999之类 参考技术C 在这个div加入css：z-index。格式:z-index:213px;（213为自定义，数字越大，排在越前。）

CSS做网站下拉菜单被图片挡住了怎么办？

<style type="text/css">
<!--
*margin:0 auto;padding:0;border:0;
body
font-family: arial, 宋体, serif;
font-size:12px;

#nav
line-height: 24px; list-style-type: none; background:#666;

#nav a
display:block; width: 80px; text-align:center;

#nav a:link
color:#000000; text-decoration:none;

#nav a:visited
color:#009999;text-decoration:none;

#nav a:hover
color:#CC3333;text-decoration:none;font-weight:bold;

#nav li
float: left;
width: 100px;
background:#FFFFFF;
height: auto;

#nav li a:hover


#nav li a.on background:#999;
#nav li ul
line-height: 27px; list-style-type: none; text-align:left;
left: -999em; width: 180px; position: absolute;

#nav li ul li
float: left; width: 180px;
background:#F6F6F6;

#nav li ul a
display: block; width: 180px;w\idth: 156px; text-align:left;padding-left:24px;

#nav li ul a:link
color:#000000; text-decoration:none;

#nav li ul a:visited
color:#000000;text-decoration:none;

#nav li ul a:hover
color:#000000;text-decoration:none;font-weight:normal;
background:#C00;

#nav li:hover ul
left: auto;

#nav li.sfhover ul
left: auto;

#content
clear: left;

body,td,th
font-size: 18px;

-->
</style>
</script>

怎么改？

#nav position:relative; z-index:2; /* 如果图片或者其父级有设置层级，确保这个导航的层级 z-index 比图片的那个要大 */

参考技术A 主要是因为 z-index 没有设定好，导致图片权重高于选单
不懂想问详细可私信我