2012-01-10 118 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。 – 2012-01-10 10:40:05

+2

爲什麼邊界看起來不是什麼? – 2012-01-10 10:41:49

+1

我可以想象在這裏的「出現」這個意義上使用了「似乎」(用非英語母語說話,至少兩者都可以翻譯成德語中的同一個詞(雖然含義不同))。 – 2012-01-10 10:43:37

回答

4

如果你問你爲什麼看不到邊界,那是因爲你設置了邊框的顏色(和文本的顏色,對於這個問題)是一樣的回地面元素的顏色,所以它只是融爲一體

這裏是一個jsFiddle來說明吧 - 改變邊框的顏色使它看起來。

修改CSS的東西像這樣:

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

會導致邊界出現。這將創建一個具有橙色背景和白色邊框的元素,而不是具有相同橙色邊框的橙色背景。

+0

+1 - 但你應該添加您的建議CSS這個答案 – 2012-01-10 10:49:11

+0

@MyHeadHurts好點 - 編輯添加CSS可能會導致邊界實際顯示。 – 2012-01-10 10:54:39

1

如果邊框顏色與背景顏色不同,則可以看到邊框!

+0

頁面的背景顏色爲黑色,邊框的顏色爲黃色... – asafg8 2012-01-10 10:53:10