关于不同浏览器兼容的问题

来源:百度知道 编辑:UC知道 时间:2024/05/28 19:18:20
http://202.207.1.25/bbs/

问题在登陆条 IE7里可以显示,但是6就不行了

哪位高手帮我一下啊~

览器兼容问题1、对css缩写的支持问题:
不论是ie 还是ff对css的缩写都有一小点问题,比如:border: 0xp solid #fff;两个浏览器支持都没有问题,但如果四个边的magin不同情况下,就不能用这种缩写了,无论是ie还是ff又会出现边界解释错误,而导致页面变形。
正确缩写:
border-width:0px 1px 2px 3px;
border-style:solid;
border-color:#fff;

2、magin padding 等默认值
ie对于css的magin padding 等默认值为0px,但ff却不一样,为了保持外观的统一性,即使padding为0你也要写上,以免ff在浏览中的错位。

3、居中
在IE里用body {text-align: center;}就可以居中对齐.到了firefox里总是在左边。但是如果加了float: right;还能到右边就是不能到中间,FF下面设置容器的左右外补丁为auto就可以了。
margin-right:auto;
margin-left:auto;
比如: margin:0 auto;

=================================================================

Firefox与IE在CSS样式中的差异
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,
但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针
对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
现在写一个CSS可以这样:

#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7