Question

所以，我的网站（www.around-around.com）有很多边框，它们在Safari，FF和IE上运行良好;但在Chrome上偶尔会消失。我搜索了代码，对我来说没有意义。

如果你在FF上转到http://www.around-around.com/8/，你会看到文章的边框。但在Chrome上，它们就消失了。

相关的CSS是：

#page {
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px dotted #222222;
border-right: 1px dotted #222222;
margin: 0 auto;
width: 1148px;
}
.singular #primary {
margin-bottom: 0;
padding: 0 0 20px 20px;
width: 787px;
border-right: 1px dotted #222222;
float: left;
}

（和#primary）

我完全不知所措。在其他网页上，例如http://www.around-around.com/dream-perfume/，Chrome会很好地显示边框。代码完全相同 - 唯一的区别是帖子内容。

Answer 1

我也有这个问题。 Chrome似乎不喜欢这样。

{border: <size> <style> <color>;}

只有在我这样单独放置参数时它才有效。

{
    border: <size>;
    border-style: <style>;
    border-color: <color>;
}

Answer 2

我相信你正在点击http://code.google.com/p/chromium/issues/detail?id=32702

修改：

该错误已得到修复，已针对Chromium src@139014进行了验证！应该在Chrome 21中使用。

Answer 3

在Chromium项目中将该错误标记为已解决很久之后，我最近遇到了这个问题（Chrome 72）。禁用硬件加速可以解决该问题。

Answer 4

因为Chrome中的默认边框样式为“无”。对于Chrome中的每个边框属性，您必须指定边框样式值。

Chrome未显示边框（有时）

4 个答案: