2013-03-13 105 views
2

所以我在ASP.NET MVC中創建了一個網站(HTML5 & CSS3)。使HTML5和CSS3網站與舊版瀏覽器兼容?

現在,頁面在IE≤8中呈現得非常好,鼠標懸停的顏色不能正常工作,而且我也面臨this問題。

因此,採用HTML5 & CSS3是不是一個好主意?

從你POV,如果你站在我的情況下你將如何降級網站,所以它至少在IE6兼容?

當然,我正在尋找最快最可靠的方式...

+0

是的。這是一個糟糕的主意。如果只能開發一個適用於IE6的HTML5 + CSS3應用程序:(這會讓我感到開心 – 2013-03-13 00:10:11

+0

如果您使用HTML5/CSS3中的某些功能,可能會非常棘手(或在某些情況下不可能)製作你的網站兼容IE6 – RoneRackal 2013-03-13 00:15:21

+3

沒有什麼魔術可以讓你的HTML5/CSS3網站與IE6-8「兼容」。首先,你必須考慮你願意犧牲的東西,同時做一個優雅的降級。轉換,圓角和漸變是通常犧牲以提供更快速的加載 - 像CSS3餅圖這樣的古老瀏覽器的用戶如今依賴於HTML5 API(webgl,canvas,XHR2,File API等),您將很難因爲你的問題太寬泛了,我希望你明白,這個問題沒有單一的答案,它可能會最終結束, – 2013-03-13 00:17:20

回答

3

做這將是優雅降級的元素創建備用樣式,使用Modernizr的不支持最簡單的方法

http://modernizr.com/

您需要爲需要的功能創建測試配置文件,並且modernizr會將標記添加到支持的功能。你只需要創建一個簡單的風格,使其「工作」。

.glowy { /* ghosted letters */ 
    color: transparent; 
    text-shadow: 0 0 10px black; 
} 
.no-textshadow { 
    color: black; 
} 

你必須加重雙方。你不能用IE6創建一個現代網站,同時你不能忽略它(也許你可以)。但是你也不能在1996年陷入困境。

此解決方案允許您使用最新功能,同時保持網站可用於奶奶。

+0

這正是我的問題。 Chrome和IE瀏覽器的網站非常棒,但那些奶奶們都在呻吟。我對web開發很陌生(我曾經做過桌面或服務器端應用程序)。我想知道如何讓網站(甚至缺少一些好東西)在文藝復興時期的瀏覽器中加載,儘可能減少投入。 – Shimmy 2013-03-13 04:34:08

+0

檢查此鏈接...它會幫助你.. http://goo.gl/otJVb – 2013-03-13 04:39:04

相關問題