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

检查Fiddle Here.

Chrome的边框问题

1 个答案: