search

Home >Web Front-end >HTML Tutorial >A black line appears on the lower border of IE7 and IE10_html/css_WEB-ITnose

A black line appears on the lower border of IE7 and IE10_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:56:311101browse

<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;		}


There are black lines under IE7 and IE10, but other versions of IE are normal
Note: #87cbff; is not black, how to write the style?


Reply to the discussion (solution)

Just this code does not see a black line under IE7. Check carefully to see if there are other styles in effect.

Why is this code so cumbersome to write? 

<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>

First set border to none and see if there are any black lines in IE7 and IE10. You'd better post a picture because I can't reproduce it.


The effect is as shown above:


The effect is as shown above:



Is there still a black line when border is set to none?

It is estimated that the table is covered by other styles. You can use firebug to check.

Solved 

.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;	}

The last line border:1px solid #e4e9ef! important; is the key

Following the original poster’s method, the black border under IE10 was removed. The only problem is that the list border is gone. What should I do?

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：CSS all list style types_html/css_WEB-ITnoseNext article：CSS all list style types_html/css_WEB-ITnose

Related articles

See more