css兼容IE和FireFox(FF)

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;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值