2010-03-29 48 views
1

請看看這個演示頁,我前一陣子熟起來:的jQuery 1.4.2顯示在IE純色,而不是尊重不透明度

http://www.s3maphor3.org/demo/hotbox/

這是在觸發一個自定義的收藏夾拿着空間鑰匙。它的工作方式非常簡單。在頁面上有兩個隱藏的div,一個用於lightbox的內容,另一個用於保存darken圖層(不透明度爲70%)。變暗層的Z指數比燈箱的Z指數小1。按住空格鍵後,一個簡單的jQuery腳本在兩個div上執行.show()。

該演示效果很好,但在另一個項目中使用時出現故障:IE7和8未顯示70%黑色圖層,而是顯示純黑色背景。我花了很多時間試圖檢查原始演示版本與我在另一個項目中使用的版本之間的差異。最終我釘了它:不同之處在於jQuery版本。

最初的演示使用jQuery 1.3.1,而在我的新項目中,我使用jQuery 1.4.2。新的jQuery庫中的某些東西一定會發生變化,但我很難找出什麼以及如何解決它。我可以繼續使用1.3.1,但最終我必須以某種方式解決這個問題。

+0

如果有任何幫助,我嘗試了在IE8中的演示,並且不透明度正在工作。 – 2010-03-29 18:33:09

+0

@韋斯利,我知道。但是當它與jQuery 1.4.2結合使用時它不起作用。 – Ferdy 2010-03-29 18:47:34

回答

3

這麼快就回答我自己的問題有點蹩腳,但我找到了解決方法。顯示之前設置JavaScript中的不透明度(雖然CSS已經有一個規則),似乎這樣的伎倆:

$('#darken').css('filter', 'alpha(opacity=70)'); 
$('#darken').show(0); 

這使屏幕上的一個小的Flickr,所以我開了更好的解決方案。

+1

回答你自己的問題並不是跛腳。確保你將它標記爲正確的答案 – 2010-03-29 18:35:00

+1

@桑德說得對,下一個有問題的人可能會搜索並找到它,接受它會讓他們的生活變得更容易。 – 2010-03-29 18:37:54

+0

謝謝你們,我會接受的,但是因此告訴我等兩天才能。 – Ferdy 2010-03-29 18:48:04