2012-05-11 77 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>; 
}