2012-01-24 83 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。

相關問題