2012-01-24 82 views
3

在IE8中,我有一个100%宽度+高度的固定位置div,#photo-upload,透明背景覆盖整个页面。我有一个click()函数的div,但在IE8中点击不会触发。将背景设置为纯色可解决问题。Internet Explorer 8和jQuery:点击()为透明背景的元素

有没有人有经验,用这个bug或者有解决方法吗?

 $('#photo-upload').click(function(){ 
      $('#photo-upload').removeClass('show'); 
     }); 

回答

5

添加彩色背景和设置filter: alpha(opacity=0); opacity: 0;

我有兴趣,如果有人恰好帖子为什么出现这种情况,但这是工作,围绕我已经找到工作。

这里是一个演示:http://jsfiddle.net/uMyXC/

+0

碧玉,感谢您的回答,而是将整个DIV和它的内容透明。我只是想让背景透明。 –

+0

然后,你可以使用两个DIV元素。一个用于保存的内容和为不透明的透明背景不是不透明的,而另一个。 – Jasper

+1

当你是对的,你是对的......我结束了一个透明的.png,它的工作。但是,谢谢! –

0

我只测试了IE10中,但似乎与阿尔法,但没有过滤器简单的解决方案。只设置颜色为零明确alpha分量似乎这样的伎俩还有:

backgroundColor: rgba(0,0,0,0); 
+1

Internet Explorer 8中......请... – kmas

2

想我会从第j man86的评论上公认的答案,以防有人忽视它在第一次像添加答案我做到了。

使用一个透明的重复的1px方块png(或gif,只要它是完全透明的)作为覆盖div的背景图像。

优秀的发现!谢谢,j-man86!

+0

这原来是这个问题的唯一的好办法。我也必须使用1x1px PNG图像。这么多优雅的CSS ... –

0

这是解决这个问题的简短而亲切的方式:

element{ 
    background:rgba(255,255,255,0.01); 
} 

和完成。 :)

0

只需设置背景颜色与透明度为零:

#photo-upload { background-color: rgba(255,255,255,0); } 

这适用于IE9。

相关问题