您的位置:首页 > Web前端 > CSS

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css 兼容