【问题标题】:How to add CSS3 rounded corners with modernizr?如何使用modernizr添加CSS3圆角?
【发布时间】:2012-03-27 15:01:16
【问题描述】:

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

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

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

【问题讨论】:

  • @Alok_Jain 按照 Nix 的建议试用 CSSpie。它的工作

标签: css modernizr


【解决方案1】:

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

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

http://css3pie.com/

【讨论】:

    【解决方案2】:

    Modernizr 只检查浏览器是否能够支持某些功能,它不会真正实现这些功能

    【讨论】:

      【解决方案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 */
      

      【讨论】:

        【解决方案4】:

        modernizr 并不是真的要这样做......

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

        【讨论】:

          猜你喜欢
          • 2013-06-17
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2020-05-10
          • 1970-01-01
          • 2017-07-02
          • 2020-07-22
          相关资源
          最近更新 更多