2010-09-01 77 views
2

嘿傢伙,我試圖做一個放大鏡背景時,使用懸停在圖像,可以放大。這是使用空白跨度,並將其顯示設置爲無,直到它被徘徊,並且其背景是半透明png,並在中央放大鏡。fadeIn/fadeOut jQuery與IE7/8問題&PNG

這是使用fadeIn/fadeOut完成的,並且除了IE之外的所有其他瀏覽器都能很好地工作。

在IE中,圖像的背景閃爍爲深灰色,然後在懸停並懸停時消失到正確的圖像。

這裏是我工作的例子,其在一排三個較小的圖片:

http://www.brainbuzzmedia.com/themes/amplify/html/index.html

我已閱讀的解決方案是添加背景顏色的元素正在消失,但顯然這是行不通的,因爲我需要使用半透明PNG作爲背景。任何人都知道我可以用這個做什麼?

回答

0

我不會將閃光燈變成深灰色。我能想到的解決方案是要麼有另一個大小與圖像背後完全相同的圖像,並使用png背景。

OR

使用opacity財產和MS過濾器IE。

+0

在IE中閃爍的我,我可能一直在努力,當你看着它,但我仍然無法找出任何東西。我基本上使用一個跨度,就像你對div的建議一樣。我改變它爲一個div,但它沒有改變任何東西。問題不是不透明,雖然它與淡入 – Andrew 2010-09-01 07:11:31

0

我有類似的問題。

的淡入/淡出嘗試調用後:

$("#myelement").css('filter', 'none'); 

它的工作對我來說,當IE 7 & 8人討厭的黑色斑點,其中不透明度應該已經做了淡入淡出效果之後。

+0

不起作用:/ – Andrew 2010-09-01 07:44:19