-moz 和 -webkit 边框图像问题

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. 将图片网址更改为相对网址。
5. 删除多余的第二个round 值。

Answer 2

我使用了 moz-webkit 中的一些 css 命令，它曾经可以工作 还不错

只有升级到 Firefox15 才停止工作吗？

如果是这样，这可能会有所帮助：David Baron's weblog: CSS border-image changes and unprefixing

编辑/更新：

为了修复我的网站并确保兼容性，我更改了这个：

 -moz-border-image: url("../_images/tributton.png") 0 4 0 4;

到这里：

 -moz-border-image: url("../_images/tributton.png") 0 4 0 4;
 border-image: url("../_images/tributton.png") fill 0 4 0 4;
 border-style: solid;

Answer 3

你可以指定下面给出的值，而不是给出round

-moz-border-image:url("border-image.png") 25 30 10 20 repeat;
-webkit-border-image:url("border-image.png") 25 30 10 20 repeat;
border-image:url("border-image.png") 25 30 10 20 repeat;

请检查相同。

Answer 4

边框图像是 css3 属性。要解决您的问题，请尝试这样

#example-one {
    border-width:25px 30px 10px 20px;
    -moz-border-image:url("border-image.png") 25 30 10 20 repeat stretch;
    -webkit-border-image:url("border-image.png") 25 30 10 20 repeat stretch;
    border-image:url("border-image.png") 25 30 10 20 repeat stretch;
}

如需更多参考，您可以查看此网站。 http://css-tricks.com/understanding-border-image/

更新 通过谷歌搜索你的错误代码，我得到了这个答案。看看这个可能对你有帮助

What is the NS_ERROR_INVALID_POINTER error in Firefox?