CSS边框图片在Opera浏览器中无法正常工作

Question

在我的应用程序中，我在CSS中使用了border image，但在Opera浏览器中无法正常工作。那么如何让Opera支持它呢？

- Rain

Answer 1

试用以下代码： -o-border-image: url(...); 这是针对 Opera 的。此外，您还可以使用 -moz-border-image: url(...); 针对早期版本的 Firefox 和 -webkit-border-image: url(...); 针对 Safari、Konqueror 等等。

- terenaa

Answer 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 */
} 

这里也有很好的解释在这里。

- Sajib Mahmood