【问题标题】:Rounded corners in MS IE 7MS IE 7 中的圆角
【发布时间】:2011-06-10 21:55:20
【问题描述】:

如何在 MSIE7 中获得圆角? (和跨浏览器,作为奖励,但 IE7 至关重要)

我可以不用额外的图片吗?

我需要一堆用于不同文本框/表格大小的图像吗?


更新:这实际上很重要,现在我想到了......

如果我从 PHP 生成我的 HTML 并且它可以是动态的,所以我真的不知道大小怎么办?

【问题讨论】:

    标签: css internet-explorer-7


    【解决方案1】:

    我建议使用 CSS3 样式,然后使用 CSS3PIE。像魅力一样工作!

    【讨论】:

    • PIE 太棒了,猜猜 Mawg 是什么——它在 IE6-8 中工作并且处理的不仅仅是圆角。强烈推荐。
    • 做!它甚至为您提供 CSS(不过您需要选中“显示 CSS”框)。
    • errm,不太清楚......这是否规模?似乎没有。看起来我需要使用我的 PHP 来决定大约大小并从多个图像中进行选择
    • @Mawg - CSS3Pie 使用矢量图形创建圆角,因此它可以完美缩放,而且根本没有图像。到目前为止,它是 IE7/8 中可用于圆角的最佳解决方案。它仍然存在问题,但它们都是由 IE 中的问题引起的,这也会影响其他解决方案(有关更多信息,请参阅网站)。
    【解决方案2】:

    与 Ian 的回答类似,一种可能性是使用 CSS3 的边框半径,然后包含 CurvyCorners。您可以在没有图像的情况下执行此操作 - 也就是说,您无需提供图像即可使此处提到的任何一种解决方案都能正常工作。

    【讨论】:

      【解决方案3】:

      您可以在任何宽度/高度的任何元素上使用 CSS 圆角。 IE 有许多解决方案/解决方法。有些需要JavaScript。有些使用包装在 .htc 文件中的 VML。有些使用多个图像。这里讨论了许多技术:

      1. CSS-Discuss - Rounded Corners
      2. CSS Rounded Corners 'Roundup'——推荐阅读

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-03-30
        • 1970-01-01
        • 2012-08-19
        • 1970-01-01
        • 1970-01-01
        • 2011-12-29
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多