div遮挡按钮问题，求助，拜托各位了...

<body>
<div style="position:absolute; height:100%; width:100%; opacity:.4; filter:alpha(opacity='40');background-color:#F00">
</div>
<input type="button" onclick="alert('a')" value="ss" style="position:absolute; left:50px; top:50px;"/>
</body>
如果父元素是透明的  那么子元素也应该是透明的吧？
将子元素设为父元素的兄弟节点 然后用绝对定位定到想要的位置试试

解决方案 »

  1.   

    试下给ie6fix这个css加个position:relative;z-index:10000/*只要比那个DIV的z-index大就行了*/
      

  2.   


    z-index属性只有在position属性为absolute的时候才能使用，检查一下
      

  3.   


    我使用绝对定位 并且把z-index设置为很高了 还是不行呀~
      

  4.   

    你的那个布局设置z-index没用，帮你弄了下，将按钮提取出来作为body的子元素，设置left，top定位到原来的位置就行了function listdown() {
    var colorArr = new Array("#F1F1F1", "");
    var s = 0;
        var list =document.getElementsByClassName("indexDropMenu");
        for (var i = 0; i < list.length; i++) {
            list[i].style.backgroundColor = colorArr[s++];
            if (s == colorArr.length) {
                s = 0;
            }
    }
    }
    ////////////////////////////
    $(document).ready(function () {
        dropMenu(".indexDropMenu");
        listdown();
    ///
        var dv = $('.slidecontrolls'), left = dv.offset().left, top = dv.offset().top;
        dv.appendTo(document.body).attr({ left: left, top: top });
    ////
    });
    ////////////////////////////
      

  5.   

    dv.appendTo(document.body).css({ left: left, top: top });//修改这里，用错方法了