IE 和FF chrome css不兼容问题小结(1)
2013-09-12 15:22
351 查看
1在IE中,图片加链接时,图片会有边框
在IE中,图片加链接时,图片会有边框,如下图标示所示
解决办法:img{display: block;border: none;} 设置border='0'即可
2居中:
Margin-left 控制居中,但是对ie系列的浏览器不起作用,需要text-align:center
3高度
IE浏览器最小的高度单位 18px,1px也会默认18px,解决之道:给IE浏览器增加overflow
高度:
IE最少18
FF 给他分配几个就是用几个px
4定义局部链接样式
在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变,但有些局部链接需要特殊化,这个问题也不难解决,只要在链接样式定义的前面加上指定的id或class就可以了。
#sidebar a:link, #sidebar a:visiteid {
color:#FF0000;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:active {
color:#000000;
text-decoration:underline;
}
5解决超链接访问过后hover样式不显示的问题
改变CSS属性的排列顺序:先后顺序标准应为:a:link—a:visited—a:hover—a:active
6ul在Firefox和IE下表现不同
使用(padding:0;margin:0;list-style:inside;)或者(padding:0;margin:0;list-style:none;)实现兼容
margin的默认效果
7div里的内容,ie默认为居中,而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto
在IE中,图片加链接时,图片会有边框,如下图标示所示
解决办法:img{display: block;border: none;} 设置border='0'即可
2居中:
Margin-left 控制居中,但是对ie系列的浏览器不起作用,需要text-align:center
3高度
IE浏览器最小的高度单位 18px,1px也会默认18px,解决之道:给IE浏览器增加overflow
高度:
IE最少18
FF 给他分配几个就是用几个px
4定义局部链接样式
在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变,但有些局部链接需要特殊化,这个问题也不难解决,只要在链接样式定义的前面加上指定的id或class就可以了。
#sidebar a:link, #sidebar a:visiteid {
color:#FF0000;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:active {
color:#000000;
text-decoration:underline;
}
5解决超链接访问过后hover样式不显示的问题
改变CSS属性的排列顺序:先后顺序标准应为:a:link—a:visited—a:hover—a:active
6ul在Firefox和IE下表现不同
使用(padding:0;margin:0;list-style:inside;)或者(padding:0;margin:0;list-style:none;)实现兼容
margin的默认效果
7div里的内容,ie默认为居中,而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto
相关文章推荐
- IE和FF chrome css等 不兼容问题小结(2)
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 设计中firefox IE Chrome兼容问题
- CSS背景图拉伸效果兼容FF/Chrome/IE等主流浏览器(亲测)
- ie与Firefox(ff) div+css兼容问题
- IE与FF不兼容网页布局CSS问题
- IE与FF不兼容网页布局CSS问题解决方案()
- CSS中一个IE和CHROME兼容的问题
- 浏览器兼容性问题解决方案之CSS,已在IE、FF、Chrome测试
- IE和FF对CSS兼容问题
- js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 兼容IE/FF/Chrome
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)
- 浏览器兼容性问题解决方案之CSS,已在IE、FF、Chrome测试
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- IE和FF兼容问题CSS和JS
- 最全的CSS浏览器兼容问题【FF与IE】