我有一個奇怪的不透明問題處理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的環境。這似乎更像是一個巧合而非實際的根本原因。
我很漂亮。任何人有任何建議或類似的經歷?
你是否也在兩種情況下比較有效的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
是的,我挖入頁面中的CSS參數;他們是相同的,但都有一個奇怪的神器。它將兩個值疊加到同一行上。看到圖片:[Image](http://tinypic.com/r/o5rxna/5)我將不得不查看WAS上的HTTP日誌,看看是否有任何東西出現。 – Durandal
用於創建CSS文件的操作系統與運行WAS的操作系統相同?如果它們不同,是否會使行尾字符不能正確轉換? – fnt