2012-05-11 61 views
0

因此,我的网站(www.around-around.com)有很多边框,并且它们在Safari,FF和IE上运行良好;但在Chrome上,它们偶尔会消失。我搜遍了代码,这对我没有意义。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显示的边框很好。代码完全一样 - 唯一的区别是帖子内容。

回答

0

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

1

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

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

它只工作,如果我把这些参数分开。

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