小编Ade*_*ike的帖子

我试图掩盖一个元素,里面有一些图像,只使用CSS.我已经做到了这一点,它在webkit使用-webkit-mask-box-image和它正在做我想要的,但我很难使用其他浏览器.

gecko应该使用mask,并且该标签确实显示在firebug中,但它实际上并没有使用掩码..我也尝试将png im转换为base64数据uri,但无济于事.

示例:http: //jsfiddle.net/nNLta/

有谁知道这样做的正确方法？

HTML

<div id='wrap'>  
        <div class='masked flashing-anim'>  
            <div class='the-mask' >  
                <ul>  
                         <li class='blink_1'></li>  
                        <li class='blink_2'></li> 
                </ul>  
            </div>  
        </div>  
        <div class='the-outline'>  
            <img src='img/real-stuff.png' height=500 />  
        </div>  
        </div>

CSS

   #wrap {
    position: relative;
   }
   .the-outline, the-mask {
      position: absolute;
      top: 0;
   } 
   .the-mask {
        height: 500px;
        width: 360px;
        -webkit-mask-box-image: url(../img/the-mask.png);
        -moz-mask-box-image: url(../img/the-mask.png);
        -o-mask-box-image: url(../img/the-mask.png);
        mask-box-image: url(../img/the-mask.png);
        mask: url(data:lotsofchars);
    }

示例:http: //jsfiddle.net/nNLta/

我有我的页面上的元素的这个切换按钮,当我点击它,我可以看到脚本运行并切换元素,但然后我得到一个新窗口返回JS对象[我猜..].它只是一个空白的窗口,带有我的href网址,它[object Object]
在chrome中说它很好,但ie和firefox这样做.我这样做的方式是

<a href="javascript:jQuery('#thatDude').toggle();">click</a>
<div id="thatDude">blah</div>

更奇怪的部分是我也有这是我的脚本文件

jQuery('.someBtn').live('click', function() {
  jQuery('#someForm').toggle();
});

当我点击它 - 它在任何地方工作正常... [是的我知道我应该改变为委托=]]

有谁知道最新情况？即时通讯使用jquery 1.6 [但1.4.4做同样的..]

非常感谢