'無效的屬性值'

我使用的自舉一個例子：http://twitter.github.com/bootstrap/examples/fluid.html '無效的屬性值'

下面的代碼被插入到導航欄-內DIV：

<div class="logo"> 
     <div class="quadratLogo">&nbsp;</div> 
    </div>

樣式化如：

.logo { 
     font-size: 24px; 
     font-family: 'Arial'; 
     min-width: 500px; 
    } 

    .quadratLogo { 
     width:24px; 
     height:20px; 
     border-radius:0px 4px 0px 4px; 
     background-color: ff0000; 
     float:left; 
    }

你能否告訴我爲什麼quadratLogo div不可見，而且quadratLogo的background-color屬性被Chrome看作是無效的？

來源

2013-03-26 naio

允許我介紹一下我的小朋友：http://jigsaw.w3.org/css-validator/ – cimmanon 2013-03-26 19:01:50

這是一種有效的顏色 - 但您忘記在十六進制值之前包含#符號。

.quadratLogo { 
    width:24px; 
    height:20px; 
    border-radius:0px 4px 0px 4px; 
    background-color: #ff0000; 
      /* --------^ */ 
}

來源

2013-03-26 18:58:08 Adrift

我的瀏覽器承認它沒有散列，實際上它工作[這裏]（https://dl.dropbox.com/u/256764/bootstrap/src/tstout.html）。我認爲這與Bootstrap的樣式有關。 – naio 2013-03-26 19:08:45

那麼當你說'''''''''背景顏色屬性的quadratLogo被認爲是無效的鉻？「」你的意思是它只是沒有出現，或者你在開發中看到一個錯誤。工具？如果它的前者，它可能是一個特殊問題 – Adrift 2013-03-26 19:10:55

對不起，這是這個，並得到解決。 – naio 2013-03-26 19:14:21

您的background-color屬性不正確。

應該background-color: #ff0000;或設置合適的顏色名稱

瞭解更多關於background-color

來源

2013-03-26 19:00:04

我的瀏覽器承認它沒有散列，實際上它的作品[這裏]（https://dl.dropbox.com/u/256764/bootstrap /src/tstout.html）。我認爲這與Bootstrap – naio 2013-03-26 19:11:30

@naio的樣式有關：如果您使用螢火蟲並檢查元素，則可以看到它是'＃ff0000'。嘗試'IE'你可能有問題！ – 2013-03-26 19:18:35

對不起，這是並解決了。 – naio 2013-03-26 19:22:37

'無效的屬性值'

回答

相關問題