Internet Explorer 8兼容性問題

我是一位優雅降級的親戚，希望在剛剛上線的網站上提供一些提示。我知道在這一點上，IE8或更低版本的佈局完全被破壞了，並且想知道我能做多少事情才能在沒有大規模檢修的情況下工作。Internet Explorer 8兼容性問題

www.unccti.org

在IE 8中，例如，它看起來像：

http://unccti.org/unc-cti-ie8.png

它應該是這樣的：

http://unccti.org/unc-cti-modern.png

的主要問題是舊版瀏覽器上的內容完全無法辨認，而且有些用戶實際上錯誤地認爲是這樣該網站的目的是爲了被視爲「時尚」。我已經包含一個腳本來通知用戶他們的瀏覽器已經過時，但我想至少看看我能否在IE8上獲得這種輕度功能。我假設7是一個失敗的原因。

我除了，但沒有結果曾嘗試：

normalize.css和
HTML5Shiv

謝謝您的幫助。

來源

2014-02-21 nlemmon

這個問題有點過於寬泛。如果有特定的DOM和樣式的例子，你想糾正的行爲，以及你嘗試過的（假設你已經完成了比包括其他庫更多的功能），這將會有所幫助。 –

看起來像你試圖在圖像上使用RGBA顏色或一些不透明度。要麼使用PNG的不透明度烘烤或看看不透明度：篩選器（）爲IE – geedew

感謝您的幫助，每個人。我打算看看你給我的建議，看看我能想出什麼。 – nlemmon

它沒有太多難以解決IE8有很多方法來實現IE8一個體面的外觀。此外，您的網站佈局很簡單的完成它。

我看到這些都使得網站的兩個問題在IE8

1）一些html5標籤 2）有些CSS3屬性

下面添加到您的頭上網站標籤看壞;

<!--[if lt IE 8]> 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
<![endif]-->

Respond.js Usage

我希望網站將在IE8看起來好多了。而且，你可以爲IE8添加一個自定義樣式表，並且可以讓事情變得更好。

<!--[if lt IE 8]> 
     <link href="css/for-ie8-only.css" rel="stylesheet"> 
<![endif]-->

最後但並非最不重要我推薦使用Modernizer。如果您使用html5/css3。

您可以檢查HTML5 & CSS3 Support（在不同的瀏覽器中）支持哪種瀏覽器。

好運！

來源

2014-02-21 19:42:52

我不確定IE7，但我認爲你可以得到體面的支持IE8。根據我個人的經驗，我發現IE8的大部分問題都是由於缺乏對某些CSS功能的支持。

我查看了您的網站，發現您使用的是IE8中不支持的CSS功能，例如：nth-child。

這裏是功能的支持列表 - http://www.standardista.com/css3/css3-selector-browser-support/

我的解決辦法是增加一個IE8特定樣式表和javascript文件。我會在所有其他包含的文件之後包含這些文件，以便最後應用它們。然後我會根據需要覆蓋特定元素。我會使用JavaScript文件來解決無法使用CSS文件修復的問題。

<!--[if IE 8]> 
    <link rel="stylesheet" href="/css/ie8.css")" type="text/css" media="screen"> 
    <script type="text/javascript" src="/js/ie8.js")"></script> 
<![endif]-->

來源

2014-02-21 19:28:38 anderezekial

您知道，現在我想到了，我認爲這個問題可能是'max-width'的大量用法。那是CSS3，對吧？ – nlemmon

@nlemmon ['max-width']（https://developer.mozilla.org/en-US/docs/Web/CSS/max-width）實際上是CSS 2.1。 IE8和更低版本只是零星支持CSS2的東西。 http://caniuse.com/上支持的大表格 – SlightlyCuban

Internet Explorer 8兼容性問題

回答

相關問題