IE8問題-在其他瀏覽器上看起來不錯

Question

在IE9，Firefox和Chrome瀏覽器中，這看起來很棒，但在IE8中，它們看起來都很棒。 關於這個有什么想法嗎？ 我在使用Thesis Themes的WordPress。 我正在使用custom.css進行編輯。

我的網站是： http : //www.7637olympia.com/

您能否建議如何使其與IE8以及其他瀏覽器一起使用？

Answer 1

要在IE中模擬RGBA和HSLA背景，可以使用具有相同開始和結束顏色的漸變濾鏡（alpha通道是HEX值中的第一對）：

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');

或使用大小為1x2而不是1x1的.png圖像。

因為當頁面上的任何其他元素都將“ -ms-filter”指令用於Alpha透明度時，Internet Explorer 8不會正確執行1x1像素半透明背景圖像的重復

看到這個鏈接

Answer 2

我以為自IE7以來就支持CSS規則filter:alpha(opacity=x); 避免使用半透明的png。 不是嗎？

在您的網站中，您將使用：

.custom #page {
    background-color: #000;
    filter:alpha(opacity=50);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px 10px 10px 10px;
    padding-top: 5px;
}

據我了解，IE將忽略rgba值，並使用兩個較高的規則來獲得相似的效果。

在一個元素上使用不透明度的一個缺點（也是在較新的瀏覽器中）是將它設置為整個元素，而不僅僅是背景色，因此所有文本和邊框等都是半透明的。 但是我至少會嘗試上面的方法，看看它是否足夠接近。

請記住：人們不升級到更高版本的IE（或升級到FF或Chrome）的唯一原因是，我們竭盡全力確保設計在這些過時的瀏覽器中看起來不錯。 如果有足夠多的網站看起來像狗屎一樣，他們最終會發現它不是網站，而是他們的舊瀏覽器。 因此，不要浪費太多時間和精力來支持從IE轉換的糟糕時期過渡到已經很慢的過渡。

Answer 3

IE8不支持RGBA顏色。 如果您希望它在IE8中工作，請創建一個具有相同不透明度的小png（尺寸為1x1像素以外的任何其他尺寸），並將其作為背景應用於div。 或者，您可以使用僅IE8的樣式表並設置除白色以外的其他背景色。