webkit - -moz 和 -webkit border-image 问题

Question

我的博客有一个问题:为了制作一个很酷的边框，我使用了 moz-webkit 中的一些 css 命令，它曾经工作得很好。 (至少在 firefox 和 chrome 中，而不是 IE)

这些是我用来创建边框的代码行:

    -moz-border-image:url("file.png") 15 round round;
    -webkit-border-image:url("file.png") 15 round round;
    border-image:url("file.png") 15 round round;

这似乎不再有效，我不知道为什么...... 我收到的错误消息并没有真正帮助:

( NS_ERROR_INVALID_POINTER: Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMLocation.href] )

糟糕，忘记了我博客的链接: http://life.wisniewski.org/

有谁知道发生了什么或有替代 moz-webkit CSS 命令的方法吗？

Answer 1

这是您可以立即使用的代码:

border: 15px solid transparent;
-webkit-border-image: url(fotoframe.png) 15 round;
   -moz-border-image: url(fotoframe.png) 15 round;
     -o-border-image: url(fotoframe.png) 15 round;
        border-image: url(fotoframe.png) 15 round;

做了什么:

1. 修复了 border-image 属性中图像的链接(您有“fotoframe.png.png”)。
2. 添加了简写 border 属性，因为仅指定 border-width 不足以使 -moz-border-image 正确显示. transparent 是 IE 的后备方案，您可能需要将其更改为某些颜色。
3. 添加了 Opera 前缀版本。
4. 将图像 url 更改为相对的。
5. 删除多余的第二轮值。