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;或设置正确的颜色名称

详细了解background-color

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

2 个答案: