1.
ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反
解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none;
另外form默认在IE中也会有margin值,所以最好也将其margin和padding设为0
2.
ie中cursor:hand可以将鼠标设为手形,FF不行,
解决:都用cursor:pointer
3、居中问题
ie需要将父窗口:text-align:center;而ff则是margin-left:auto;margin-right:auto;
4.IE和FF盒模型有区别,所以有需要特殊设置
IE Box的总宽度是: width+padding+border+margin宽度总和
FF Box的总宽度就是 width的宽度,padding+border+margin的宽度在含在width内。
FF: 支持 !important(优先解析), IE 则忽略, 可用 !important 为 FF 特别设置样式
width:600px !important;//这个要放在前面才行
width:598px;
另外:传说IE7会奇怪的支持!important,试过却不行;
5.
IE6中在设置float的div中margin会加倍,解决办法:div里面加上display:inline;
6.透明滤镜:
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30);
FF:opacity:0.3;
或者:
IE:filter:alpha(opacity=60);
FF:-moz-opacity:0.6;/*已过时,用上面的opacity代替*/
7.禁用选择
IE:使用js,onselectstart="return false;";
FF:使用CSS,-moz-user-select:none;
8:圆角:
FF中:-moz-border-radius:4px;
css兼容IE和FireFox(FF)
最新推荐文章于 2024-09-15 08:58:58 发布