2013-06-26 63 views
2

我有一個奇怪的不透明問題處理IE8 & Websphere 6.1。模糊IE8不透明問題

有一個非常基本的不透明度設置,我們有一個模式類型的對話框超過某個屏幕。我在背景上放置了一個不透明的div在屏幕頂部,以便用戶不能單擊任何控件但可以看到它,然後添加超過&的對話框強制他們回答問題。看起來很基本,很容易做到。

這是上述用於創建不透明效果的CSS:

.wipeOutDiv { 
top: 0px; 
left: 0px; 
position: absolute; 
width: 100%; 
height: 100%; 
background-color: #d9d9d9; 
filter: alpha(opacity=70); 
opacity: 0.70; 
} 

這是一個用於創建對話框的CSS:

.dialogBox { 
position: absolute; 
width: 350px; 
margin: auto; 
z-index: 1; 
background-color: white; 
border-top:12px solid; 
border-top-color: #ffd93f; 
border-left: 2px solid; 
border-right: 2px solid; 
border-bottom: 2px solid; 
border-color: #ffd93f; 
padding: 8px; 
top: 40%; 
left: 40%; 
font-family: arial; 
font-size: 8pt; 
} 

此方案在所有工作正常發展瀏覽器。本地在我的機器上它工作正常,在集成環境中也可以正常工作。以爲我清楚了。

但是,一旦它進入我們的ST環境或以上,不透明度將無法正確使用IE8。它仍然適用於Chrome的& FF,但由於某些原因,IE8無法正常工作。使用'wipeOutDiv'CSS類的div變得完全穩定,看起來很奇怪。我試圖修改IE的瀏覽器模式和文檔模式,但沒有任何改變,使它在這些環境中工作。

我比較了環境之間的DOM文檔,它們是相同的。唯一留給我的變量是應用程序服務器本身,在這種情況下是Websphere 6.1。我注意到一個不同之處在於它的工作環境是通過http服務的,以及它不是https的環境。這似乎更像是一個巧合而非實際的根本原因。

我很漂亮。任何人有任何建議或類似的經歷?

+2

你是否也在兩種情況下比較有效的CSS參數?由於某種原因,我只能想到CSS資源文件沒有通過HTTPS正確加載。在WAS上啓用HTTP訪問日誌並檢查錯誤是有道理的 - http://pic.dhe.ibm.com/infocenter/wasinfo/v6r1/topic/com.ibm.websphere.base.doc/info/aes/ae /utrb_httperrlogs.html – fnt

+0

是的,我挖入頁面中的CSS參數;他們是相同的,但都有一個奇怪的神器。它將兩個值疊加到同一行上。看到圖片:[Image](http://tinypic.com/r/o5rxna/5)我將不得不查看WAS上的HTTP日誌,看看是否有任何東西出現。 – Durandal

+1

用於創建CSS文件的操作系統與運行WAS的操作系統相同?如果它們不同,是否會使行尾字符不能正確轉換? – fnt

回答

1

這最終導致了本地計算機在不可信網站上啓用「保護模式」的IE問題。 IE的opacity hack需要使用一個外部的.DLL文件,如果沒有啓用保護模式,IE不會讓這種情況發生。只有當某人的機器在生產中正常工作時纔會解決這個問題,並且他們發現他們已將該網站添加到可信列表中。