浏览器的兼容性问题与解决方案

首先向咱们解释一下什么是浏览器的兼容性？所谓浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显现作用不统一的状况。在大多数状况下，咱们的需求是，不管用户用什么浏览器来检查咱们的网站或者登陆咱们的体系，都应该是统一的显现作用。所以浏览器的兼容性问题是网站建设人员经常会碰到且必须要处理的问题，下面给咱们总结一下咱们经常会遇到的兼容性问题有哪些：

1.超链接拜访往后hover款式就不出现的问题?

被点击拜访过的超链接款式不在具有hover和active了,处理办法是改变CSS特点的排列次序: L-V-H-A

2.IE6的双倍边距BUG

例如:

起浮后本来外边距10px,但IE解释为20px,处理办法是加上display:inline

3.为什么FF下文本无法撑开容器的高度?

规范浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需求怎样设置呢？办法便是去掉height设置min-height:200px; 这里为了照料不认识min-height的IE6 能够这样定义：

div { height:auto! important; height:200px; min-height:200px; }

4.为什么web规范中IE无法设置滚动条颜色了?

原来款式设置：

处理办法是将body换成html

5.为什么无法定义1px左右高度的容器?

IE6下这个问题是因为默许的行高造成的，处理的办法也有许多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么样才干让层显现在FLASH之上呢?

处理的办法是给FLASH设置透明:

7.怎样使一个层(块)笔直居中于浏览器中?

用js获取盒子的宽度，然后让网页的总宽度-盒子宽度/2;就得到了left或top；

这里使用百分比肯定定位，与外补丁负值的办法，负值的大小为其自身宽度高度除以二

8、firefox嵌套div标签的居中问题的处理办法

假定有如下状况：

假如要实现b在a中居中放置，一般只需用CSS设置a的text-align特点为center。这样的办法在IE里看起来一切 正常；但是在Firefox中b却会是居左的。

处理办法便是设置b的横向margin为auto。例如设置b的CSS款式为：margin: 0 auto;。

9、css怎么让图片笔直居中。

10、怎么处理png透明度问题。

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/logo.png'); /* IE6 */

_ background-image: none; /* IE6 */

11、怎么处理文字自身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实践占高16px，下留白3px，ff 下实践占高17px，上留白1px，下留白3px，opera下就更不一样了。

给文字设定 line-height 。保证所有文字都有默许的 line-height 值。这点很重要，在高度上咱们不能容忍1px 的差异。

12、怎么到达容器高度自适应。

内容

13、怎么处理图片下方留白的问题。

在写图片时主张不要把div后标签换行；如：

,此标签不要换行；

好了，暂时实战是处理问题的途径，也是遇到问题的途径，咱们在做网站建设的时分，要亲自制作才干更快更好的生长，另外多去借鉴别人的经验也是进步的捷径！