HTML – Chrome的边框问题

概述我只使用图像作为底部边框.它在FF中工作正常,但在Chrome中则不行. 在Chrome中,它可以实现4个方向的效果,即左上角右下角 我的代码是 .aboutbg .menu-box-content-wrapper { border-bottom-width: 5px; -webkit-border-image:url(../images/about-text-bg-box.png) 6 我只使用图像作为底部边框.它在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中我可以看到所有方向的边框图像.

任何帮助都非常感谢.提前致谢.

解决方法 你必须使用border-wIDth：0 0 5px;而不是border-bottom-wIDth：5px;.

检查Fiddle Here.

总结

以上是内存溢出为你收集整理的HTML – Chrome的边框问题全部内容，希望文章能够帮你解决HTML – Chrome的边框问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。