求解，JS在Firefox中的透明效果

我想做的效果是火狐魔镜的那种，底层是灰色的一层，住了整个页面，但是中间能有一个矩形是高亮区域。
我尝试过，但是始终高亮区域不是完全透明的，是有一层白色的蒙在页面上，这样看起来有点模糊的感觉。
请问一下要在firefox里怎么使用滤镜或者有什么办法，让JS能能出现火狐魔镜的那种完全透明的高亮效果？
能给出解决思路也好。不甚感激。

解决方案 »

  1.   

    火狐魔镜3 火狐剪报的那种效果，
    不知道用JS能不能实现。
    我了一层全屏的DIV，color = #000000, -moz-opacity = 0.65，
    然后该怎么做？
    我是加一个DIV在层里，然后设置color = #FFFFFF, 但是这样在添加的这个DIV里面是白色的，不是全透明的，我要做全透明的怎么能做呢？
    用了PNG的图片还是不行。
      

  2.   

    把-moz-opacity设成0, 就是完全透明了
      

  3.   

    但是下面全面的DIV还是保留成灰色的，也就是说不能把它的-moz-opacity设成0，它必须是0.65的啊
      

  4.   

    #overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter:alpha(opacity=60);/*IE下的透明CSS*/
    -moz-opacity: 0.6;/*FireFox下透明效果*/
    opacity: 0.6;/*Chrome下透明效果*/
    display: none;
    }
    IE 6.0+ Firefox 1.5+ Chrome都可以透明。
      

  5.   


    filter:alpha(opacity=60);/*透明的CSS*/一般对于标签这样设置就可以了，也可以用js动态设置，但是都是利用了css的设置方式
      

  6.   

    看来大家都没看懂我的意思，我这样说吧，有什么办法能在firefox里面的div不要继承div的透明度和颜色？
      

  7.   

    要么是 双图片 底层和焦点区域各一个图片要么就聚光灯效果
    观察下井字格子
    不要用整块的DIV
    要透明的区域一个DIV
    以透明区为中心 上下左右 在建立4个DIV实现半透明
    以上5快拼起来是一个整页面
      

  8.   


    这个我也想到过，但是恐怖的是，要在上面显示全透明的区域不止一个，所以这个就不是另外四个DIV能做到的了
      

  9.   

    内容层和遮罩层分开
    <div id="overLayer"></div>
    <div id="content"></div>不要放在里面
      

  10.   

    是不是可以将 遮罩的DIV 分成5块 中间的一块是高亮 其他的四块尺寸根据高亮DIV的移动来改变  这四块都设置半透明就OK了
      

  11.   

    就是这个效果，但是图片上的好像不是JS实现的，我不知道JS能不能那样实现。
      

  12.   


    但是高亮的DIV可以不只一个啊，两个、三个，大小和位置都不一的时候，就不知道怎么排了。
      

  13.   

    不知道你内容是怎么选取的，如果是选一个div 或一个table 这种的可以复制一份html内容放在遮罩层的上面.位置和遮罩层下面的一样，这样看起来就是高亮的了
      

  14.   

    不然就复制整个body 在激活DIV中 偏移显示 不过代价太大了