【问题标题】:Implementing rounded corners with IE fallback?使用 IE 后备实现圆角?
【发布时间】:2010-11-06 21:08:07
【问题描述】:

我需要在 IE 中实现圆角。我知道使用 VML 的 HTC 方法,但这不是一个选项,因为它会使事情复杂化(比如当你有绝对和相对定位时等)并且它只能将效果应用于所有角落。

我将使用 Photoshop 制作圆角,然后对其进行切片。但是,我不希望整个网络社区都受到 IE 用户的影响,因此,我想为支持它的人使用border-radius。我认为将border-radius 应用到每个人并放置一个IE 条件注释IE lt 9 来应用IE 6、7 和8 的图像是足够安全的。

我的问题是我如何制作这样一个 ie.css 可以无缝地应用角落图像?绝对定位很容易,但是当角落具有透明度时(即,容器的角落将通过透明的角落图像看到),这不是一个选项。有什么想法吗?

【问题讨论】:

  • 我认为您的条件评论中的意思是 IE lte 8IE lt 9 :)

标签: html css internet-explorer


【解决方案1】:

到目前为止,我个人最喜欢的是CSS3Pie project,它简单、不突兀,这意味着您可以在 IE 的各种版本中无需大量单独的 hack 就可以做出出色的 CSS3 内容。

澄清一下,这意味着您可以在 CSS 中包含边框半径、框阴影等,而无需执行任何条件 cmets。

这确实需要在浏览器上启用 JavaScript,但老蒂米坐在那里 IE6 并且没有 JavaScript 并没有真正期待他现在对互联网的热爱吗?

【讨论】:

    【解决方案2】:

    Ryan Thrash 在Simple Rounded Corner CSS Boxes 上有一个很好的教程
    支持 IE 以及其他浏览器。

    【讨论】:

      【解决方案3】:

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-08-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-12-29
        • 2013-03-16
        • 1970-01-01
        相关资源
        最近更新 更多