做网站的前台程序员应该都吃过不同浏览器下css样式差别的苦头,尤其是IE6,总是带给我们无尽的回忆。:)
今天在这片日志里想稍微总结一下IE下样式控制应该注意的几点。
1. CSS HACK
IE6,IE7,IE8 对css样式属性的接受程度为: ———————IE6—— IE7——IE8--NoneIE >property—— Y—— Y—— Y—— N—— .property—— Y—— Y—— Y—— N—— *property—— Y—— Y—— Y—— N—— _property—— Y—— N—— N—— N—— 同时IE6不支持!important. 其实主要是浏览器:IE6/IE7/firefox下,各个对CSS代码的解释有区别,下边转载一篇HACK的文章,相当实用。 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF/IE7/IE6: background:orange;*background:green !important;*background:blue; 注:IE都能识别*标准浏览器(如FF)不能识别* IE6能识别*,但不能识别 !important IE7能识别*,也能识别!important FF不能识别*,但能识别!important 另外再补充一个,下划线"_", IE6支持下划线,IE7和firefox均不支持下划线。所以针对IE6采用下划线属性也是一个常用方法。 Continue reading »IE下css样式控制
最新评论