如何使用modernizr添加CSS3圆角?

时间:2012-03-27 15:01:16

标签: css3 modernizr

我正在尝试在IE7和IE8的后续页面中添加基于CSS3的圆角支持

测试网址:http://jaspreetkaur.com/postjoint

我已经包含了modernizr库,但它不起作用。是否需要添加任何代码才能使其在IE中运行?

4 个答案:

答案 0 :(得分:7)

正如其他人所说,Modernizr不会让传统浏览器能够支持CSS3。它只检查支持以及其他简洁的功能,例如HTML5shiv,以便您可以使用HTML5标记。

要在较旧的浏览器中启用CSS3功能,您可以尝试使用CSS3 Pie,但我发现它有时会产生比它解决的问题更多的问题。我通常只是不让旧版浏览器看到所有花哨的东西,比如圆角。它只是一个次要的设计功能,对整体功能或布局并不重要。

http://css3pie.com/

答案 1 :(得分:3)

Modernizr只检查浏览器是否ABLE支持某些功能,它实际上不会实现这些功能

答案 2 :(得分:3)

1。 IE8,IE7不支持CSS3圆角。

2。 Mordernizr只是一个脚本,可以在不同的浏览器中启用HTML5功能

圆角的CSS3标签是

-webkit-border-radius: 5px; /* for safari */
-moz-border-raidus: 5px; /* for firefox < 4 */
border-radius: 5px; /* for all other that support it */

答案 3 :(得分:1)

现代化并不是真的那么做......

如果可以的话,试试这个http://fetchak.com/ie-css3/