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>
  • 相关阅读:
    2017.02.20 ,学习C#第三天,基础运算符的运用~
    Linux上如何安装Mysql数据库并使用?
    Linux(CentOS6)上安装python3.6 并创建虚拟环境 -----最牛逼的方法
    python ----Linux上安装scrapy
    Scrapy selenium 设置头部信息headers-------UA
    python 将Excel表格中的一列数据转化成多行数据
    python中的一些小技巧(个人觉得哈 )
    scrapy selenium 设置chromedriver不加载图片
    Scrapy中添加随机User-Agent
    linux centOs 6.4版本 安装python 2.7.3 中的pip
  • 原文地址:https://www.cnblogs.com/xiarugu/p/1381530.html
Copyright © 2011-2022 走看看