html - Chrome 不显示边框(有时)

Question

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

如果您转到http://www.around-around.com/8/在 FF 上，您会看到文章周围的边框。但在 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>;
}