div+css设计时ie6、ie7、firefox 与兼容性有关的特性

《div+css设计时ie6、ie7、firefox 与兼容性有关的特性》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第一篇DIVCSS设计时IE6、IE7、FF与兼容性有关的特性  ^'@  x/W5i3G.N/R4

2、1q)x6z7f!

3、#e  a　　在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIVCSS设计的网站，就应该更注意IE6IE7FF对CSS样式的兼容，不然，你的网页可能出现意料之外的效果！'R)b5f:S+G7s6C6^(k0}'z%P例子：$^._$S8]#f9e3^.o3t*R!x)y8r.R/?+n4R#})n7{·所有浏览器通用height:100px;  F/P-j7B+['N  Q9U&r&w·IE6专用_height

4、:100px;2w+W5N4g#J·IE6专用*height:100px;+^/H8{1s%z2^9S.·IE7专用*+height:100px;(Y5v)K8k2{*^5r"n1T·IE7、FF共用height:100px!important;#;V8y&O6k2b"I0F6s'C.R,V'J#K.E7h&v'I2e9y-?一、CSS兼容2e$;r$

5、4?%}9[5s8B+D0P0C/q　　以下两种方法几乎能解决现今所有兼容."V1F,S5p#h"x5R3@%p0q#x*O  b*`2A　　1,!important(不是很推荐，用下面的一种感觉最安全

6、)$a/I+h9C6Y"}5W*S8

7、1e1}:t%D&A　　随着IE7对!important的支持,!important方法现在只针对IE6的兼容.(注意写法.【www.qdcysm.com石墨粉】e>#wrapper{width:100px!important;/*IE7+FF*/width:80px;/*IE6*/}　　2,IE6/IE77对FireFox3r8n#j0R%e0n'^0[-U7g3y+p　　*+html与*html是IE特有的标签,firefox暂不支持.而*+htm

8、l又为IE7特有标签.注意：*+html对IE7的兼容必须保证HTML顶部有如下声明：二、万能float闭合　(

9、非常重要)*V)y(N3h,~/F-F3D(u$z3B)l2l${-B　　可以用这个解决多个div对齐时的间距不对，将以下代码加入GlobalCSS中,给需要闭合的div加上class=”clearfix”即可,屡试不爽.三、其他兼容技巧　(相当有用)  s3I;f9T(b4(_.Z9f"j2m(I'e;K　　1,FF下给div设置padding后会导致width和height增加,但IE不会.(可用!important解决);x+T0t;f/e1`5D3D0v:i3k7r2e　　2,居中问题.$Y7W;n8T5F-_0E'j+F8Y0S-P4h+U5j$c  @5v&^9k)v*U:M　　　1).垂直居中.将line-height设置为当前div相同的高度,【www.chen

11、yangshimo.com石墨】le.(注意内容不要换行.);C5t#N  N1J:].S(x2z6l,y7W3c5C(l:t$4I/q　　　2).水平居中.margin:0auto;(当然不是万能)3D0}(w,O+P5I1G0C!L*{0~'o5H8F　　3,若需给a标签内内容加上样式,需要设置display:block;(常见于导航标签)+a1u(f4W*c7l(f1H2b+e2r/Z6s/y2m2Q%c,n6M:@*[1p　　4,FF和IE对BOX理解的差异导致相差2px的还有设为float的div在ie下margin加倍等问题.5p;t#E4q"

12、F7k3O3c-J7s4m&p　　5,ul标签在FF