浏览器兼容性问题44414

《浏览器兼容性问题44414》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、1、ic8下兼容问题，这个最好处理，转化成ic7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了。2、flaot浮动造成IE6卜-而双倍边距问题，这个最常见，也最好处理，!important解决，比如margin-left:1Opx!important;/*IE7,IE&FF卜是10PX*/;margin-left:5px;/*IE6下丿肉性写的是5PX,但在显示出来的是10px*/3、清除块display,这个可以解决浮动造成的块，造成块

2、后，当D1V背景填色或填图片的时候，会出现背景断开或差一小块。解决方法是在出现兼容的DIV的CSS屮写一个display:block,或其它属性，屮文什么意思我不知道，我英语差，但能达到想要的效果。4、很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好了,但是在FF出问题了，用Jimportant又会把IE7做的不兼容，有没有什么方法只对FF下进行操做，我用过这个方法，就是在属性前面加符号如：*、&,¥,#,@,?,+,加过符号的属性只有IE的浏览器才识别，而FF不识别，方法如下（注意有符号的屈性和没符号的属性的顺序）height:100px;/*FF下显

3、示100的高*/height:120px;/*IE678下显示120高*/5、有时候，会在布局的时候，发现，有一个DIV浮动了，接下來的-个D1V本來是要在卜-面显示的，结果跑上面去了，这种情况一般在FF卜•面会出现，解决的办法就是清除一下浮动，在设置过浮动的那个DIV下面加一个DIV,CSS里面写个cleariboth;如下中问题，主要原因是对盒

4、子模型不够理解，没熟记盒子模型，如果发现你的页面没有局中，我现在知道的，有这几个原因：1、一个是没盒了，就是BODY后的一个大D1V把所冇D1V装起来的那个，你没写。2、就是你写了，但是宽度没用绝对宽度：而是用一个相对的宽度，想局中，必须用绝对宽度。6、再就是局屮问题，主要原因是对盒子模型不够理解，没熟记盒子模型，如果发现你的页面没有局中，一般有这两个原因：（1）一个是没盒了，就是BODY后的一个大DIV把所有DIV装起來的那个，你没写。（2）就是你写了，但是宽度没用绝对宽度：而是用一个相对的宽度，想局中，必须用绝对宽度。[NextPage]7、扩展：如果我想在设计的

5、时候，实现IE6,IE7,FF下岀现三种不同的效果，比如1E6下背景红色，1E7下蓝色FF下绿色，这里，我自己试过，可以，用兼容的方法（注意顺序，可以兰好理解一下）。background:red;/*FF里显示的红色*/background:blue!important;/*IE7下面显示的蓝色*/+background:green;/*IE6卜而显示的绿色*/多做，做练，使终把盒了模型放在心中，才会熟练，才会运用口如，才会在做的时候，自然而然就知道哪里会冇兼容问题，一直接在测试前就解决掉那些最常见的兼容问题。1、!important随着IE7对［important的

6、支持，现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。用法如下：Html代码

7、d:#a5a5a5;height:lOOpx!important;}/*Moz+1E7*/.content{background:#a5a5a5;height:200px;}/*IE6*/—>局屮问题，主要原因是对盒子模型不够理解，没熟记盒子模型，如果发现你的页面没有局中，我现在知道的，有这几个原因：1、一个是没盒子，就是BODY后的一个大DIV把所有DIV装起來的那个，你没写。2、就是你写了，但是宽度没用绝对宽度：而是用一个相对的宽度，想局屮，必须用绝对宽度。2、IE6/IE7对FireFox*+hlml与*html是IE特有的标签