[转帖]兼容ie和火狐的div hr最小高度的css - 外贸网站建设,SOHO英文网页制作,网站设计公司--伊路网络工作室 - 建站知识库 - 网站建设专题

登陆

资料

在线

排行

帖子

文件

查询

收件箱

风格

加入收藏

使用帮助


首页 >> 建站知识库 >> 网站建设专题 >> 『网站维护教程\|网页设计经验交流』 >> [转帖]兼容ie和火狐的div hr最小高度的css


新帖新投票讨论区精华区	上篇刷新平板下篇

帖子主题: [转帖]兼容ie和火狐的div hr最小高度的css

头衔:论坛总管理员

Admin

荣誉：管理员
职务：总版主
级别：圣骑士
积分：547
经验：3330
文章：271
注册：03-01-20 23:27

发表: 2008-10-31 01:56:47 人气:15739

[转帖]兼容ie和火狐的div hr最小高度的css

今天弄hr的在ie6下搞了半天都没有找到设置高度为1的办法，后来干脆换成div的设置背景色的代替，但是郁闷的是换成div后仍然不行，在火狐下却可以正常显示，所以想到浏览器兼容性问题，搜索了一下div最小高度马上看到一大片相关的信息了（搜索hr高度则几乎没有相关信息）。原来ie6下面height:10px;以下设置为无效，知道问题所在就容易多了，最后解决的方法是非常非常的简单－－只需要在样式后面加上overflow:hidden;就可以了。唉，看来兼容性问题还是很麻烦啊，没有问题的代码却不一定出来你想要的效果，知识要不断积累才行。

注：设置了字号和行高为1或0在ie6下也都不行的。

后记：设置表格的一行为横线时，表格的border="0" cellpadding="0" cellspacing="0"三个参数必须为了0；

而且tr里面的td不能用colspan="xx" 否则不起作用。实例如下：

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>fg</td>
<td> </td>
<td> </td>
<td>fg</td>
</tr>
<tr style="background-color:#FF0000; height:1px; overflow:hidden;">

<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td>fg</td>
<td> </td>
<td>gf</td>
<td> </td>
</tr>
</table>

-----------------------------------------------------
专业外贸英文网站建设｜多语种网站建设(点击查看方案)

-----------------------------------------------------

相关帖子

[转帖]兼容ie和火狐的div hr最小高度的css (Admin,15739,2008-10-31 01:56:47)