6

Bootstrap の例の 1 つを使用します: 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 で無効と見なされる理由がわかりますか?

4

2 に答える 2

9

#これは有効な色ですが、16 進値の前に記号を含めるのを忘れていました。

.quadratLogo {
     width:24px;
     height:20px;
     border-radius:0px 4px 0px 4px;
     background-color: #ff0000;
            /* --------^ */
}
于 2013-03-26T18:58:08.610 に答える
2

あなたのbackground-colorプロパティは正しくありません。

background-color: #ff0000;適切な色名を設定するか、設定する必要があります

背景色についてもっと読む

于 2013-03-26T19:00:04.817 に答える