zoukankan      html  css  js  c++  java
  • IE8 RC版 兼容模式的表格边框问题

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

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

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

    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>
  • 相关阅读:
    Mysql优化之6年工作经验总结
    mysql_innodb存储引擎的优化
    十六、MySQL授权命令grant的使用方法
    十五、Mysql字符集的那些事
    十四、索引
    十三、视图
    十二、存储过程
    十一、触发器
    十、存储引擎
    九、备份与恢复
  • 原文地址:https://www.cnblogs.com/xiarugu/p/1381530.html
Copyright © 2011-2022 走看看