边界底部问题与Chrome

Question

我仅将图像作为底部的边框。它在FF中工作正常，但在Chrome中不正常。

在Chrome中，它对4个方向效果，即左下角

我的代码是

.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中，我可以在所有方向上看到边框图像。

任何帮助将受到高度赞赏。预先感谢。

Answer 1

您必须使用border-width: 0 0 5px;而不是border-bottom-width: 5px;。

在这里检查小提琴。