2013-07-19 95 views
1

如何給邊境TR在IE 9目前,我用下面的代碼爲做到這一點,但它並不適用於IE 9IE 9 TR邊界不工作

display: table; 
border: 1px solid silver; 
padding: 5px; 
margin-bottom: 5px; 
width: 980px; 
+4

,爲什麼你會使用'顯示:table'了'tr'元素??? – Spudley

+0

沒有這個邊框不可見 –

+3

讓我換一種方式:如果你在'tr'上做'display:table',那麼你做的事情是非常糟糕的。你還沒有給我們足夠的代碼給我提供任何有關如何解決它的有意義的建議,但我可以說,聽到它不適用於所有瀏覽器都不奇怪。 – Spudley

回答

0

即不上支持CSS工作TR 您可以使用此代碼

CSS

table td 
{ 
     border-top: 1px solid silver; 
} 
table 
{ 
     border-collapse:collapse; 
     border: 1px solid silver; 
} 

HTML

使這0
+1

您的意思是「IE不支持__所有的css文件」?它當然支持幾個CSS功能。 –

+0

在tr上不支持邊界 –

1

不要在TR使用{display:table}

如果你願意,你可以使用outline,像這樣:

tr {outline:1px solid silver} 

Fiddle

編輯:一個原因是display:table在TR是壞的,是它弄亂了表格的佈局本身。在this fiddle中,您可以看到第二個表的樣式錯誤,格式不正確。 (在上都在TR支持display:table瀏覽器,那是。)

enter image description here