0

我的博客有一个问题：为了制作一个很酷的边框，我使用了 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 命令的替代方法？

4

4 回答 4

3

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

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. 删除多余的第二个round值。
于 2012-09-06T13:27:34.593 回答
1

我使用了 moz-webkit 中的一些 css 命令，它曾经运行得相当好

是不是升级到 Firefox15 才停止工作？

如果是这样，这可能会有所帮助：David Baron 的博客：CSS 边框图像更改和取消前缀

编辑/更新：

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

 -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;
于 2012-09-06T13:08:27.183 回答
-1

那么边框图像是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/

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

Firefox 中的 NS_ERROR_INVALID_POINTER 错误是什么？

于 2012-09-06T11:20:35.947 回答
-1

而不是给轮你可以指定如下给出的值

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

请检查相同。

于 2012-09-06T11:24:29.157 回答