再问如何实现sina邮箱中出现提示信息时背景变暗的效果(支持firefox)

position，这个下面有两个属性absolute(绝对定位)和relative(相对定位)，绝对定位是指相对浏览器的位置地位，而相对定位和其他元素的位置有关系，位置不固定。以下可以看一个例子，看了之后就明白了abc<br/><div style="position:relative;left:1;top:100;color:green">absolute positioning with the current element<br/><span style="position:absolute;left:0;top:0;">aaaaaaaaa</span></div><div style="color:red">absolute positioning with the body<br/><span style="position:absolute;left:0;top:0">bbbbbbbbbbb</span></div><div style="color:blue">relative positioning with the body<span style="position:relative;left:-12;top:0">ccccccccccc</span></div>而有些CSS属性有时候需用position:absolute 之后才有效，比如裁切的那个CSS等接下来是一些元素的位置问题就拿宽度来说scrollwidth,clientwidth,offsetwidth这些属性都可以用在<body>,<div>等元素第一个是包括滚动条所有在内的长度，第二个和第三个差不多，第三个是包括工具栏，菜单栏，状态栏，滚动条宽度等在内的宽度，而第二个是去掉一些cellpadding等一些的额外的宽度。高度同这个，元素分别为scrollheight,clientheight,offsetheight接下来是鼠标的位置可以用event.clientX + document.body.scrollLeft得到横的绝对位置这里面event.clientX 是相对屏幕的位置，而document.body.scrollLeft是网页被横向滚动条卷进去的宽度。这里可以看一个例子，代码如下 把这个方法写在<body>的onmousemove中，一目了然了。<SCRIPT>
<!--
function statusreport() {
 
  var tempx = event.clientX + document.body.scrollLeft;
  var tempy = event.clientY + document.body.scrollTop;
  
  window.status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
}
//--></SCRIPT>

解决方案 »

  1.   

    谢谢楼上，不过我说的不是这个问题，我说的是让背景变暗的问题，可以上sina免费邮箱看一下，比如点击“永久删除”按钮，背景会变暗，出现一个对话框（层），询问是否删除这种效果我在ie里面已经可以实现，在firefox里不知道css的alpha滤镜应该怎么写或者有别的更好的方法？
      

  2.   

    别说让我看sina邮箱的源代码，我看一上午了，实在没找着
      

  3.   

    ＬＺ的思路是对的，ＳＩＮＡ是用图片层覆盖的方式实现，这行代码就是证据：
    <div id=bxDlg_bg1 style=visibility:hidden;height:100%;background:url(http://image2.sina.com.cn/rny/ria2/alpha_3.png)><div id=bxDlg_bg2 style=visibility:hidden;height:100%;background:url(http://image2.sina.com.cn/rny/ria2/alpha_3.png)><div id=bxDlg_bg3 style=visibility:hidden;height:100%;background:url(http://image2.sina.com.cn/rny/ria2/alpha_3.png)><div id=bxDlg_bg4 style=visibility:hidden;height:100%;background:url(http://image2.sina.com.cn/rny/ria2/alpha_3.png)><div id=bxDlg_bg5 style=visibility:hidden;height:100%;background:url(http://image2.sina.com.cn/rny/ria2/alpha_3.png)></div></div></div></div></div>
      

  4.   

    sina的做法是如果非IE浏览器(不支持滤镜)是用一个swf文件来充当背景变暗的.