【发布时间】:2012-03-27 15:01:16
【问题描述】:
我正在尝试在下一页的 IE7 和 IE8 中添加基于 CSS3 的圆角支持
测试网址:http://jaspreetkaur.com/postjoint
我已经包含了modernizr 库,但它不起作用。是否需要添加任何代码才能使其在 IE 中运行?
【问题讨论】:
-
@Alok_Jain 按照 Nix 的建议试用 CSSpie。它的工作
我正在尝试在下一页的 IE7 和 IE8 中添加基于 CSS3 的圆角支持
测试网址:http://jaspreetkaur.com/postjoint
我已经包含了modernizr 库,但它不起作用。是否需要添加任何代码才能使其在 IE 中运行?
【问题讨论】:
正如其他人所说,Modernizr 不会使旧版浏览器能够支持 CSS3。它只检查支持以及其他简洁的功能,例如 HTML5shiv,以便您可以使用 HTML5 标记。
要在旧版浏览器中启用 CSS3 功能,您可以尝试 CSS3 Pie,但我发现它有时会产生比它解决的问题更多的问题。我通常只是不让旧浏览器看到所有花哨的东西,比如圆角。这只是一个次要的设计功能,对整体功能或布局并不重要。
【讨论】:
Modernizr 只检查浏览器是否能够支持某些功能,它不会真正实现这些功能
【讨论】:
圆角的 CSS3 标签是
-webkit-border-radius: 5px; /* for safari */
-moz-border-raidus: 5px; /* for firefox < 4 */
border-radius: 5px; /* for all other that support it */
【讨论】:
modernizr 并不是真的要这样做......
如果可以的话,试试这个http://fetchak.com/ie-css3/
【讨论】: