HTML5 Boilerplate模板似乎不支持本地HTML/CSS/JS項目上的IE7/8上的CSS3屬性

我想在我的機器上使用HTML5 Boilerplate模板創建本地HTML/CSS/JS項目。我正在使用CSS3屬性，如border-radius，它在IE 9上看起來不錯。但是，在使用F12開發人員工具在IE7和IE8中測試時，該屬性不起作用。HTML5 Boilerplate模板似乎不支持本地HTML/CSS/JS項目上的IE7/8上的CSS3屬性

我在檢查http://htmlemailboilerplate.com/在IE7/8模式下的行爲。該網站似乎運作良好，並支持在IE7/8模式下的border-radius屬性。然後我繼續下載http://htmlemailboilerplate.com/，作爲一個完整的網頁到我的本地機器。在IE7/8模式下打開時，本地副本不支持CSS3 border-radius屬性。（http://htmlemailboilerplate.com/網站在nav_elope.png後面使用border-radius屬性來四捨五入）

有什麼我不明白運行HTML5樣板的差異本地網頁與託管在服務器上的網站之間的關係？

如何使下載頁面的行爲與IE7/8模式下的行爲完全相同？

來源

2012-06-13 user1015510

我不確定這是正確的方式還是錯誤的方式，但是我將該類從標記移動到標記，並且它有所幫助。這在以下文章中進行了說明http://carlorizzante.com/2012/html5-boilerplate-ie7-8-less-and-how-to-make-those-things-effectively-work/ – user1015510

您是否擁有Web服務器在你的本地機器上？如果不是，它可能會影響如何加載某些文件。看到這個問題[在本地運行時使用Html5boilerplate的代碼加載JQuery非常慢]（http://stackoverflow.com/q/8718662/751619） – codewaggle

是它的本地，我能夠看到問題出現的原因。任何想法爲什麼我的CSS3屬性像邊界半徑不工作在我的本地靜態網站。它不連接到任何服務器（甚至沒有本地主機）。它只是在本地機器上的html/css/js – user1015510

IE < 9不支持邊界半徑。見http://caniuse.com/#search=border-radius

更新：見http://css3pie.com/。我不知道這是否有效。

來源

2012-06-13 13:21:15 czachor

是的，那是真的。但HTML5 Boilerplate將允許在IE <9上使用CSS3。可以清楚地看到http://htmlemailboilerplate.com/ – user1015510

您似乎已將Google Chrome瀏覽器框架（GCF）安裝爲IE附加組件。 http://htmlemailboilerplate.com/網站使用GCF在IE瀏覽器中顯示HTML5和CSS3。它具有以下META標記：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

「鉻= 1」是指經常使用GCF，如果它是可用的。

除非編輯註冊表，否則GCF在本地不起作用。您需要去：
HKCU\Software\Google\ChromeFrame
並添加
AllowUnsafeURLs=1 (DWORD)。

你會訪問您保存這樣的頁面： GCF：C：/文件路徑/ HTML5_Tests/HTML電子郵件BOILERPLATE v 0.5更新11_5.htm

您可能會發現此頁面有用：Chrome Frame: Developer Guide

Testing Your Sites部分有我上面詳細介紹的信息。

來源

2012-06-26 03:52:03 codewaggle

HTML5 Boilerplate模板似乎不支持本地HTML/CSS/JS項目上的IE7/8上的CSS3屬性

回答

相關問題