当前位置：首页 → 问答吧 → IE6下，遮罩层盖不住select

IE6下，遮罩层盖不住select

时间：2010-09-14

来源：互联网

IE6下，遮罩层盖不住select，除了将select隐藏之外，还有其他的方法吗？

复制内容到剪贴板

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.tt{
    width:100%;
    height:100%;
    _height:9999px;
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    background-color:#000;
    filter:alpha(opacity=50);    /* IE */
-moz-opacity:0.5;             /* Moz + FF */
  opacity: 0.5;          /* 支持CSS3的浏览器（FF 1.5也支持）*/ }
#sel{
    display:block;
    position:relative;
    z-index:-1}
</style>
</head>
<body>
<div class="tt"></div>
<span id="sel"><select></select></span>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .tt{ width:100%; height:100%; _height:9999px; position:absolute; top:0; left:0; z-index:9999; background-color:#000; filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ } #sel{ display:block; position:relative; z-index:-1} </style> </head> <body> <div class="tt"></div> <span id="sel"><select></select></span> </body> </html>
提示：您可以先修改部分代码再运行

作者: benxiongya 发布时间: 2010-09-14

不是遮不住。是你用透明着。

作者: CHENA 发布时间: 2010-09-14

那怎么能够透明还可以遮住selcet？

作者: benxiongya 发布时间: 2010-09-14