请问可以将一个层精确地覆盖到某个元素上面吗？

即将一个层覆盖到页面上指定的一个元素上面来实现某种效果~~~~~~
谢谢~

解决方案 »

  1.   

    用style获取元素的位置
    然后设置div为absolute
    style.pixelLeft和style.pixelTop都跟元素相等
    大小也可以相等
      

  2.   

    获取制定   元素的 一些属性：宽、高、X轴、Y轴、Z-index设置要 覆盖的层的属性Z-index +=1；
    其它属性相同即可 当然IE6中要用 iframe 来覆盖 select、input等等控件
      

  3.   

    这个肯定是可以的.只要你把要被覆盖的层的width、height、left、top搞清楚就OK了。
      

  4.   


    <html>
    <head>
    <script>
    function mask(e){
    e.style.position = 'relative';
    if(masked(e)){
    e.style.display = 'none';
    }
    else{
    var div = document.createElement('div');
    div.className = 'mask';
    e.appendChild(div);
    }
    }
    function removemask(e){
    if(masked(e)){
    e.lastChild.style.display = 'none';
    }
    }
    function masked(e){
    return e.lastChild && e.lastChild.className == 'mask';
    }
    onload = function(){
    mask(document.body);
    mask(document.getElementById('abc'));
    }
    </script>
    <style>
    .mask{
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
    background:#ccc;
    filter:Alpha(opacity=50);
    opacity:0.5;
    }
    </style>
    </head>
    <body>
    <div id="abc" style="width:100px;">124124</div>
    </body>
    </html>有padding的就计算吧