css - Div 背景颜色中的“无效属性值”

Question

我使用 Bootstrap 示例之一：http: //twitter.github.com/bootstrap/examples/fluid.html

以下代码插入到 navbar-inner 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 视为无效吗？

Answer 1

这是一种有效的颜色 - 但您忘记#在十六进制值之前包含一个符号。

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

Answer 2

你的background-color属性不正确。

它应该是background-color: #ff0000;或设置正确的颜色名称

阅读有关背景颜色的更多信息