2013-03-13 103 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

相关问题