css 边框和背景颜色未在 webkit 浏览器上呈现

标签 css webkit

这可能是一个非常愚蠢的问题,但显然我无法独自解决。

如果你去this使用非 webkit 浏览器的页面,您会注意到底部的三篇文章如何具有黑色边框和白色背景,但如果您对 chrome 或 safari 执行相同的操作,那些 css 属性就会消失。

该元素的 css 如下所示:

body.category-shop article{
-moz-box-flex:1;    
-webkit-box-flex:1;
-o-box-flex:1;      

border:solid #000;
background-color:#FFF;
height:250px;
width:100%;
margin:0 10px;
padding:5px;}

有什么想法吗?

非常感谢,对于这个 super 私有(private)的问题,我们深表歉意。

最佳答案

由于您使用的是 flexbox 模型,因此不需要 float 。

body.archive article 中删除 float: left 后,背景和边框应该会显示。

关于css 边框和背景颜色未在 webkit 浏览器上呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12697579/

相关文章:

javascript - 聊天布局问题

html - iphone safari 不显示滚动条

jquery - 单选按钮的 Moz 外观显示 radio 静止

html - Chrome : Fixed background is displayed as it wasn't fixed

javascript - 如何使用 JavaScript 从 WebKit 浏览器访问本地文件系统?

html - 3D变换CSS3导致文字和图片模糊

javascript - 如何获取或 console.log @keyframes css 动画的颜色?

html - JQUERY 突出显示悬停

html - 全高 - Web 响应 - Twitter Bootstrap

javascript - 导航栏向下滚动消失,向上滚动通过滑动重新出现