Question

我的博客有问题：为了制作一个很酷的边框，我使用了一些来自moz-webkit的css命令，它过去工作得相当好。（至少在firefox＆amp; 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;

做了什么：

修复了border-image属性中图片的链接（您有“fotoframe.png.png”）。
添加了简写border属性，因为仅指定border-width并不足以正确显示-moz-border-image。 transparent是IE的后备，您可能希望将其更改为某种颜色。
添加了Opera-prefixed版本。
将图片网址更改为相对网址。
删除多余的第二个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

井边图像是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/

<强>更新通过Google搜索您的错误代码，我得到了这个答案。看看它可能会帮助你

What is the NS_ERROR_INVALID_POINTER error in Firefox?

Answer 4

可以指定下面给出的值

，而不是给出圆形

-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;

请检查一下。

-moz和-webkit边界图像问题

4 个答案:

做了什么：