IE7 和 IE10下边框出现黑线_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:56:31
Original
1067 Leute haben es durchsucht

<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;		}
Nach dem Login kopieren


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>
Nach dem Login kopieren

先设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;	}
Nach dem Login kopieren

最后一行  border:1px solid #e4e9ef!important;是关键

按楼主的方法去做果然是把IE10下的黑色边框去掉了,只是有个问题是,列表边框都没有了,这个咋办?

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage