2012-01-10 17 views
0

CSS:ボーダーが表示されないのはなぜですか?

.num{ 
     z-index:8; 
     background-color:#ffd200 ; 
     width: 180px; 
     height: 47px; 
     color: #ffd200; 
     border:#ffd200 double 6px; 
     border-radius: 20px; 
} 

HTML:

<div id="ll"> 
    <table id="num"> 
     <tr > 
      <td class="num"></td> 
      <td class="num"> </td> 
     </tr> 
    </table> 

その設定を考えると、なぜボーダーが表示されていませんか?

+5

あなたのHTML以上、またはあなたのCSSが必要です。 –

+2

なぜボーダーは見えないのですか? –

+1

「見える」という表現はここでは「出現する」という意味で使われていると思います。(英語以外の英語のスピーカーでは、少なくともどちらもドイツ語の同じ単語に翻訳できます。 –

答えて

4

なぜボーダーが見えないのかを尋ねるのは、ボーダーの色(およびそのテキストの色)をバックグラウンドと同じに設定しているからです要素の色ですので、混ぜ合わせるだけです。

ここにはjsFiddleがあります。境界線の色を変更すると表示されます。

このような何かにCSSを変更:

.num { 
    background-color:#ffd200 ; 
    color: #ffd200; 
    border: #ffffff double 6px; 
} 

は境界線が表示される場合があります。これは、同じオレンジ色の境界線を持つオレンジ色の背景ではなく、オレンジ色の背景と白い境界線を持つ要素を作成します。

+0

+1 - しかし、あなたはこの答えにあなたの提案したCSSを追加する必要があります –

+0

@MyHeadHurts良い点 - 実際に表示される境界。 –

1

境界線が背景色と異なる場合は、境界線が表示されます。

+0

ページの背景色は黒で、境界線の色は黄色です... – asafg8

関連する問題