【问题标题】:PIE rounded corners won't workPIE 圆角不起作用
【发布时间】:2013-03-25 17:16:38
【问题描述】:

大家好,我正在建立一个网站,但发现 ie8 不适用于圆角。经过一番研究,我发现 PIE 可以解决这个问题,是的,它确实解决了这个问题,但它也把整个网站搞砸了。 div 正在滚动,图像忽略了圆角 :(,任何可以提供帮助的人。这个问题有点难以描述,所以这里是链接 http://www.k2stuc.nl 希望有人可以帮助我使其与 ie8 兼容。

【问题讨论】:

  • 我完全赞成 CSS3Pie;这是一个很好的小技巧。但事实上,它并不总是真正必要的。 IE8 用户会怀念多少圆角?这会影响他们使用和享受网站的能力吗?你能把它留下来让它们有方角吗?真的会那么糟糕吗?
  • 您是否阅读了 CSS3Pie 文档。有一个人们遇到的常见问题的列表,以及如何解决这些问题的说明。几乎可以肯定,您的问题已在其中涵盖。
  • 是的,我已经阅读了文档,问题是我的客户想要它真的很糟糕:(这是一些奇怪的 div 滚动:(

标签: css html internet-explorer-8 rounded-corners css3pie


【解决方案1】:

您需要在 PIE 元素的容器中添加relative 定位。

.column{position:relative;}

另外,在某些情况下,您可能需要使用zoom:1 属性。

【讨论】:

  • 我必须将它添加到 .column 还是 .rc 伪类中?
  • 可以直接添加到.column。会好的。
  • 您还需要在每列底部的图像中添加边框半径。现在看起来不是很好。 (:
  • 是的,解决了其中一个问题,我遇到的另一个问题是带有圆角的 div 中的图像不会得到圆角并位于圆角 div 的顶部
  • 图片是指哪个类?
猜你喜欢
  • 2016-11-28
  • 1970-01-01
  • 2012-03-07
  • 1970-01-01
  • 2014-03-09
  • 2019-02-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多