Chrome下的边框底部问题

Question

我正在将一张图片用作底部边框。在Firefox中运行良好，但在Chrome中不起作用。

在Chrome中它会对四个方向进行效果，即上、左、下和右。

我的代码如下：

.aboutbg .menu-box-content-wrapper {
  border-bottom-width: 5px;
  -webkit-border-image:url(../images/about-text-bg-box.png) 6 repeat;
  -moz-border-image:url(../images/about-text-bg-box.png) 6 repeat;
  border-image:url(../images/about-text-bg-box.png) 6 repeat;
  border-bottom-style: solid;
}

在Firefox中，我只能看到底部的边框图像，但在Chrome中，我可以在所有方向上看到边框图像。非常感谢您的帮助。提前致谢。

- Raj

---

你能提供你的HTML代码吗？ - Nitesh

当然，让我编辑我的帖子。谢谢。 - Raj

此外，您的图像来自相对路径，因此请在fiddle中添加绝对链接以更清晰地查看问题。 - Nitesh

嗯...好的，我会创建一个fiddle。没有示例确实有点难以理解。 - Raj

Answer 1

你需要使用border-width: 0 0 5px;替代border-bottom-width: 5px;。

查看此处的演示。

- ketan

---

太棒了，Ketan。非常感谢你的帮助。这就是诀窍。再次感谢。 - Raj