浏览器中line的兼容性问题

最新推荐文章于 2024-11-13 15:54:48 发布

最新推荐文章于 2024-11-13 15:54:48 发布 · 312 阅读

文章标签：

#浏览器 #IE #HTML

css 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一种在HTML中使线条保持极细且在不同浏览器间表现一致的方法。特别强调了'font-size:0;'及'overflow:hidden;'属性的重要性，以确保在IE等浏览器下线条不会显示过粗。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.line{
background:#000;
width:500px;
height:1px;
font-size:0;
overflow:hidden;
}
-->
</style>
</HEAD>

<BODY>
	<div class="line"></div>
</BODY>
</HTML>

其中一定要注意：font-size:0;overflow:hidden;否则在IE中line会变得很粗的。