时间:2021-05-08
一般我们很少见HR,但一见可能就定生死。HTML中也一样,我们不常见<hr />,但一见通常就决定了能否拥用完美分割线。这里,就不附图了,直接列表供查阅吧: 正常浏览器 IE6、7 Firefox 实际高度 height + border-right-width + border-left-width height height 背景色 background-color background+color(当高度<2px时,显示高度为灰色投影,需要color来设置颜色,相同于文字) background-color
比如想创建一个实际高度为3px, 四边为1px, 边框颜色为#07f, 其他部分颜色为#f60的分割线,你懂的:
复制代码代码如下:
hr{
height:1px;
*height:3px; color:#f60;;
background-color:#f60;
border:1px solid #07f;
}
@-moz-document url-prefix(){ hr{height:3px;}}
还有其他更省力的解决方法么?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在做页面是有时候会用到分割线hr,但是在ie6和ie7下显示很蛋疼,本文将教你如何写出兼容各浏览器的hr。首页我们先了解下hr在各浏览器下的差异,如下表格:比如
1.php中用smarty模板生成的html在浏览器中顶部有一空行.2.用firedebug发现meta和link标记在body标签里.本机上wmap运行没事,
在javascript代码中,因为各浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题。例如,我们最常见
由于各浏览器对页面的解析不同,会导致页面在不同浏览器中显示的样式不一致,为了保持页面的统一,经常需要对浏览器进行兼容性问题的调试。CSSHack面对浏览器诸多的
由于各大浏览器尤其IE浏览器对web标准支持情况不一,导致标准的网页在各个浏览器中的表现不一,因此,解决各浏览器兼容性问题成为了前端工程师最重要的工作之一,而所