Heim > Artikel > Web-Frontend > IE7 和 IE10下边框出现黑线_html/css_WEB-ITnose
IE7 和 IE10下边框出现黑线_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:56:311066Durchsuche
<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;是关键
按楼主的方法去做果然是把IE10下的黑色边框去掉了，只是有个问题是，列表边框都没有了，这个咋办？
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：CSS 所有的列表样式类型_html/css_WEB-ITnoseNächster Artikel：wap页面问题_html/css_WEB-ITnose