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

在这里检查小提琴.