记录下遮罩的方法 css不同浏览器下的 透明 设计

#TB_overlay  {...} {
  position: absolute;
  z-index:10100 !important;
  top: 0px;
  left: 0px;
  background-color:#FFFFE1;;
  width: 100%;
  display: none;
  height: 1600px;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window  {...} {
    background:#FFFFFF none repeat scroll 0%;
    border:1px solid #445566;
    color:#000000;
    display:none;
    left:400px;
    position:absolute;
    text-align:left;
    top:200px;
    z-index:10102 !important;
    background-color: #FFFFE1;
}

 

这段css是从同事做的一个页面上烤下来的，主要有2个地方：

1，不同浏览器的透明度设置不同：

  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;

2，当原页面上有flash 存在的时候 要注意

<div id="flash" style="z-index:0"><object .... 
wmode="transparent"
></div>

基本上这两点做到后就可以实现遮罩效果了 如果希望弹出地窗口可以自动drag & drop

可以使用jquery的plugin 
jquery.easydrag.js

$("#dragid").easydrag();

但是其后碰到一个问题是：如果这个新开的窗口里面含有form表单，有text元素，可能会出现鼠标左击无效的情况，这是在firefox
下发生的 ie完全正常，后来在同事的帮助下，我的解决办法οnclick="this.select()",但是并不是最好的解决办法
还会出现其他的小问题。。。。

jquery 确实不错 啥时候也能写个这么人见人爱人会用的东西呢？赫赫