日期:2014-05-16  浏览次数:20877 次

IE7 和 IE10下边框出现黑线??

<table width="98%" class="tableborder" cellpadding="0" cellspacing="0" align="center">

.tableborder
{
    border-color:#87cbff;
border-width:1px;
border-style:solid;
border-collapse:collapse;
border-right: #e4e9ef 1px solid;
border-top: #e4e9ef 1px solid;
border-left: #e4e9ef 1px solid;
border-bottom: #e4e9ef 1px solid;

}


IE7 和 IE10下有黑线条,IE其他版本正常
注释::#87cbff;  不是黑色,怎么写样式?

------解决方案--------------------
光这代码在IE7下没有看到黑线,仔细检查是不是有其他样式在生效,。
------解决方案--------------------
这个代码怎么写得这么累赘啊。


<style type="text/css">

       .tableborder
{
       

    border:1px solid #e4e9ef;
    border-collapse:collapse;
    width:98%;
    margin:auto;
         
}

    </style>
</head>
<body>

    <table class="tableborder">
        <tr><td>hello world</td><td>Fuck GFW</td></tr>
 </table>

   
  
</body>

------解决方案--------------------
先设border为none,看看在IE7和IE10有没有黑线。你最好上个图,因为我重现不了。
------解决方案--------------------
引用:

效果如上图:


border设为none还有黑线吗
------解决方案--------------------
估计是表格被别的样式覆盖了,可以用firebug看看。