IE 8透明div頂部內容

大家好我目前有一些問題與IE < 9和透明度渲染。我有一個透明的div和一些文字。在Chrome瀏覽器和IE 9中看起來很好。然而，舊版本的IE並不像其他瀏覽器那樣呈現文本。這是可讀的，但是字母有上邊緣有些怪異走樣......IE 8透明div頂部內容

這是網站 - > http://jmia-js.saude.azores.gov.pt

，如果你訪問它使用IE8例如，你會明白我的意思。或者甚至可以使用IE淨呈現器在IE8瀏覽器中呈現該網站。

沒有人知道如何解決這個小錯誤？非常感謝！

來源

2011-04-28 Renato

我試着用IE 9,8和7 ......我找不到問題......你能更具體地瞭解有問題的塊嗎？ – Cristian 2011-04-28 16:35:03

文字XXXVII和下面的文字，在IE8和7中看起來很奇怪。我只是用IE6累了它，它看起來不錯，雖然頁面沒有100％正確渲染，但這是另一個問題 – Renato 2011-04-28 16:36:59

看起來這個問題是由你用來在IE中獲得透明度的CSS過濾屬性引起的。嘗試使用透明的PNG作爲背景，而您的類型應該正確地使用反別名。

來源

2011-04-28 16:37:23 Heath

好主意。我會盡快嘗試。你知道這種溶劑是否適用於大多數瀏覽器？謝謝！ – Renato 2011-04-28 16:41:31

Renato，PNG應該適用於IE7 +，Firefox，Safari，Chrome，Opera等.IE6不支持帶有完整alpha版的PNG-24，因此您需要在這種情況下設置例外。 – Heath 2011-05-06 14:21:21

舊版本的IE獲得了另一種讀取不透明度的方法。嘗試添加此行：

.opaque { 
    opacity: 1; 
    filter: alpha(opacity = 100); 
}

來源

2011-04-28 16:51:54 Cristian

我已經使用這種方法。透明div的代碼是： '.transparent {*}好的瀏覽器*/ 不透明度：0.6; /* IE 8 */ -ms-filter：「progid：DXImageTransform.Microsoft.Alpha（Opacity = 50）」; /* IE 5-7 */ filter：alpha（opacity = 60）; /* Netscape */ -moz-opacity：0.6; /* Safari 1.x */ -khtml-opacity：0.6; }' 編輯：我無法計算如何正確顯示代碼....大聲笑 – Renato 2011-04-28 16:55:39

IE 8透明div頂部內容

回答

相關問題