通過IE8中的半透明DIV疊加層鏈接泄漏

我剛剛注意到了IE8的一些東西。我有一個照片是一個鏈接，並有在圖像的部分透明的div（只是它的底部三分之一左右）正在使用此CSS代碼：鼠標放在div時通過IE8中的半透明DIV疊加層鏈接泄漏

background: rgba(0, 0, 0, 0.7); /* handles the proper browsers */ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); /* for IE */

不幸的是，光標是一個指針並點擊導致img的鏈接。如果我擺脫了這個過濾器，只是使背景＃000，它工作正常，覆蓋防止任何點擊。這種行爲在Firefox或Chrome中不會發生。

我該如何解決這個錯誤？

編輯：請注意，這是不一樣的整個div，其不透明度設置爲0.7！這會導致它內部的文本（我有）也會褪色。這是嚴格的背景色阿爾法。

小提琴這裏：http://jsfiddle.net/csaltyj/dxTdq/

來源

2011-05-16 CaptSaltyJack

有一點很難理解發生了什麼和你正在找。你有我們可以看的鏈接嗎？ – 2011-05-16 20:08:32

機密。 Lemme把小提琴放在一起... – CaptSaltyJack 2011-05-16 20:09:58

@Caleb小提琴添加 – CaptSaltyJack 2011-05-16 20:12:49

我有同樣的問題。你必須在款式使用不透明的顏色，並通過jQuery應用透明度

做出半透明巴紐作爲div的背景

來源

2011-05-16 20:14:18 n8wrl

如何通過jQuery設置背景不透明度？請記住，我們正在談論背景不透明，而不僅僅是普通的舊混濁。 $（'＃mydiv'）.css（'opacity'，0.7）不會達到預期的效果。 – CaptSaltyJack 2011-05-16 20:18:32

好吧，我可以想到另一種方式：在容器div中創建一個div（#backdrop），並通過jQuery將#backdrop設置爲背景黑色不透明度70％，然後在包含文本的頂部放置另一個完全透明的div 。這樣的背景是半透明的，而不會影響文本的不透明度。 – CaptSaltyJack 2011-05-16 20:23:58

我和PNG一起去了。 :)不值得所有的編碼只是爲了獲得半透明背景的麻煩！ – CaptSaltyJack 2011-05-16 21:41:47

通過IE8中的半透明DIV疊加層鏈接泄漏

回答

相關問題