【问题标题】:Rounded corners of <img/> element in Opera browserOpera浏览器中<img/>元素的圆角
【发布时间】:2011-02-14 15:47:24
【问题描述】:

我已经为 html 元素实现了圆角,因为它是用this article 编写的(那篇文章的最终结果你可以看到here)。一切都很好,但是!它在 Opera 浏览器中不起作用。虽然 Opera 开发人员说他们的浏览器对剪辑 CSS 属性和 SVG 的支持是最好的。

请帮忙,那个例子有什么问题? (mime 类型、svg 版本等?)

谢谢。

【问题讨论】:

  • Opera 的哪个版本? Opera 使用符合 CSS3 的(无前缀)border-radius 属性。无论如何,那篇文章没有提到在 Opera 中使用的技术。
  • 没有浏览器将border-radius CSS3属性应用于图像。这就是为什么我们必须制造技巧:)
  • 我可以使用背景图片,但在我目前的情况下非常不舒服
  • @artyom.stv - 他们确实应用了这种风格;只是在必要时总是允许前景内容溢出圆角。
  • @Spudley - 但溢出:隐藏不会改变事情。你是什​​么意思说他们确实应用了这种风格(例子?)?

标签: css xhtml opera clip


【解决方案1】:

到目前为止的答案是“不。你不能。”。 这是 Opera Bugs DB 中记录的错误。

SVG 是一种可能的 hack,有一个 tool for rounded corners 可以帮助您正确处理

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-04-24
    • 1970-01-01
    • 1970-01-01
    • 2013-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多