2013-07-05 49 views
2

所有內容在Internet Explorer和Chrome中均可正常工作。但在Firefox中根本沒有圓角。有人知道這個問題可能是什麼嗎?我試圖刪除-moz-和-webkit-標籤,但它沒有任何區別。 Border-radius應該由最新版本的Firefox,Chrome和Internet Explorer支持。表格的邊界半徑在Firefox中不起作用

任何解決方案?

代碼:

.evenOddColoursLight tr:not(.noEvenOddColoursLight), .evenOddColour1L{ 
background-color:#f6f6f4; 
} 
.evenOddColoursLight tr:nth-child(odd):not(.noEvenOddColoursLight), .evenOddColour2L{ 
background-color:#efeeeb; 
} 

.forum-table th:first-child { 
-moz-border-radius: 10px 0 0 0; 
-webkit-border-radius: 10px 0 0 0; 
border-radius: 10px 0 0 0; 
} 

.forum-table th:last-child { 
-moz-border-radius: 0 10px 0 0; 
-webkit-border-radius: 0 10px 0 0; 
border-radius: 0 10px 0 0; 

} 

.forum-table tr:last-child td:first-child { 
-moz-border-radius: 0 0 0 10px; 
-webkit-border-radius: 0 0 0 10px; 
     border-radius: 0 0 0 10px; 
} 

.forum-table tr:last-child td:last-child { 
-moz-border-radius: 0 0 10px 0; 
-webkit-border-radius: 0 0 10px 0; 
     border-radius: 0 0 10px 0; 

} 

.forum-table table tr:last-child td { 
border-bottom: none; 
} 

.forum-table td { 
padding:10px; 
} 

.forum-table th { 
padding:5px 5px 5px 10px; 
} 

所有的在代碼中發現:http://jsfiddle.net/SUhsD/

回答

0

通過移除.evenOddColoursLight解決它,並補充說:

.forum-table tr:nth-child(odd) td, .forum-table tr:nth-child(odd) th { 
    background-color: #efeeeb; 
} 

.forum-table tr:nth-child(even) td, .forum-table tr:nth-child(even) th{ 
    background-color: #f6f6f4; 
} 
2

只是單個細胞的風格發揮。在Firefox和Chrome工作示例:http://jsfiddle.net/AyKE7/

CSS

table { 
    border-collapse: collapse; 
} 

th, td { 
    padding: 4px 7px; 
} 

/* hover */ 
tr:hover th, 
tr:hover td { 
    background-color: lightblue; 
} 

/* hover, left cell */ 
tr:hover th { 
    border-radius: 5px 0 0 5px; 
} 

/* hover, last cell on the right */ 
tr:hover td:last-child { 
    border-radius: 0 5px 5px 0; 
} 
+0

是的,先生,羅傑說。 –

+0

大家好。順便說一下,我並不是這麼說的。只是對你更好... – iConnor

+0

我知道。只爲一笑。並點擊接受答案,如果解決方案爲你工作。 –