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