CSS怪事：一些屬性沒有解釋

的問題是，在我的網站http://dev.gratefulhearttherapy.org/，至少2個CSS屬性不顯示爲預期：CSS怪事：一些屬性沒有解釋

html { 
    background: #fff url('images/bg-top-honey-v3.0.jpg') top center repeat-x !important; 
} 

#bd img { 
    margin: 0; 
    padding: 4px; 
    border: solid 1px #D9D9D9; 
}

一張背景圖片丟失，和圖片沒有他們應該有的灰色邊框。

昨天晚上，我在我的代碼3件事情搞亂：

CSS文件排版，new2.css，
的PHP文件的元素meta.php，的header.php，footer.php，和
Google Analytics代碼。

我必須打破東西，但我找不到什麼。我試圖通過W3C驗證器傳遞網站和CSS，我使用Chrome檢查器仔細檢查代碼，查找未封閉的標籤等，但沒有發現任何內容。

使用Chrome檢查器時，要查看html元素和img，缺少的css似乎不存在 - 不僅被覆蓋，而且不存在。

任何幫助，將不勝感激！非常感謝。

來源

2011-10-08 Olivier Compagne

的問題是在樣式表：排版-new2.css沒有顯示

背景：

在最頂端，你已引用imghtml之前只能通過評論分開。所以html規則實際上是被解釋爲img html {：

img /* REMOVE THIS LINE*/ 

/* @import url('http://dev.gratefulhearttherapy.org/themes/gratefulheart/tabs.css'); */ 
/* All CSS files above will be loaded from this single document. */ 

html { 
    margin: 0; 
    padding: 0; 
    /* background: #fff; #f9dc91 url(http://dev.gratefulhearttherapy.org/themes/gratefulheart/images/background-sandish-tile.jpg) !important; */ /* #F9D984; */ /* customize_background_color */ 
    background: #fff url('http://dev.gratefulhearttherapy.org/themes/gratefulheart/images/bg-top-honey-v3.0.jpg') top center repeat-x !important; 
}

圖片丟失灰色邊框：

您的規則#bd img這是前右側有一個線路全程* S上的收盤評論/以外的可能爲什麼規則沒有被應用。

/******************************** 
********************************* 
*  $$ GENERAL TYPES 
********************************/ 
******************************** /* REMOVE THIS LINE */ 

#bd img { 
    margin: 0; 
    padding: 4px; 
    border: solid 1px #D9D9D9; 
}

如果你刪除了兩行，我認爲你應該解決所有的問題。

來源

2011-10-09 02:23:14 tw16

非常感謝tw16，這解決了我所有的問題 - 顯然。我不知道我怎麼最終打破了我的代碼，但無論如何。更有趣的是你是如何發現錯誤的？ W3C驗證器沒有注意到他們...不要告訴我你手動讀取整個文件？謝謝 –

您的圖片不是#bd的直接後代，我認爲這是您的問題，CSS代碼很好。請參閱@ 150poundsofonamites對其他問題的回覆。

如果這仍然不會產生所需的結果嘗試將HTML更改爲正文。

來源

2011-10-08 18:52:49 KryptoniteDove

CSS怪事：一些屬性沒有解釋

回答

相關問題