Home >Web Front-end >HTML Tutorial >IE7 和 IE10下边框出现黑线？？_html/css_WEB-ITnose
IE7 和 IE10下边框出现黑线？？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:44:591259browse
<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看看。
已解决
.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; border:1px solid #e4e9ef！important; } 最后一行 border:1px solid #e4e9ef！important;是关键
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：怎么取<checkbox>标签选中的value值或title值？_html/css_WEB-ITnoseNext article：将一个div删除之后，留下一个空白，怎么让后面的div自己填充前面的空缺_html/css_WEB-ITnose