CSS 边框图像在 Opera 中不起作用

【问题标题】：CSS border-image is not working in OperaCSS 边框图像在 Opera 中不起作用
【发布时间】：2012-02-24 19:26:57
【问题描述】：

在我的应用程序中，我在 css 中使用 border image，但它在 Opera 中不起作用。那么Opera如何支持呢？

【问题讨论】：

【解决方案1】：

尝试使用：-o-border-image: url(...); 这是 Opera 的。您还可以使用-moz-border-image: url(...); 用于旧版 Firefox，-webkit-border-image: url(...); 用于 Safari、Konqueror 等。

【讨论】：

【解决方案2】：

这是来自w3schools 的示例code：

div
{
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}

这也很好解释here。

【讨论】：