IE8 RC版 兼容模式的表格边框问题

RC版终于出来了,满怀期待的使用了一下,发现以前都一个日期表格都边框显示不正常。帮助菜单找了找也没有发现IE8反馈意见都地方,便发到这里来跟大家讨论一下是否有折衷解决方法。

目的是显示一个普通的带边框的table,个别td中都背景颜色不同(例如鼠标悬停时改变背景颜色)。

为了便于观察,我这里将所有td都标注上背景颜色。

IE8 RC版 兼容模式的表格边框问题

IE8RC 兼容模式下的table莫名其妙都多出了一个像素都边框,而且这个位置是不定都,随着表格宽度、列数、行数的不同,出现都位置会变化。

code如下:

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
< title > Test </ title >
< style  type ="text/css" >
table
{ width : 150px ; border-collapse : collapse ; background-color : #0000FF ; border : 0px ; }
td
{ text-align : center ; background-color : #FF0000 ; border : 1px #333 solid ; }
</ style >
</ head >
< body >
< table >
    
< tr >
        
< td > 1 </ td >
        
< td > 2 </ td >
        
< td > 3 </ td >
        
< td > 4 </ td >
        
< td > 5 </ td >
    
</ tr >
    
< tr >
        
< td > 1 </ td >
        
< td > 2 </ td >
        
< td > 3 </ td >
        
< td > 4 </ td >
        
< td > 5 </ td >
    
</ tr >
    
< tr >
        
< td > 1 </ td >
        
< td > 2 </ td >
        
< td > 3 </ td >
        
< td > 4 </ td >
        
< td > 5 </ td >
    
</ tr >
    
< tr >
        
< td > 1 </ td >
        
< td > 2 </ td >
        
< td > 3 </ td >
        
< td > 4 </ td >
        
< td > 5 </ td >
    
</ tr >
    
< tr >
        
< td > 1 </ td >
        
< td > 2 </ td >
        
< td > 3 </ td >
        
< td > 4 </ td >
        
< td > 5 </ td >
    
</ tr >
    
< tr >
        
< td > 1 </ td >
        
< td > 2 </ td >
        
< td > 3 </ td >
        
< td > 4 </ td >
        
< td > 5 </ td >
    
</ tr >
</ table >
</ body >
</ html >

你可能感兴趣的:(ie8)