CSS IE6 IE7 IE8 Firefox DIV UL等兼容调试经验

IE6早已经过时,不过鉴于windows xp sp3原始安装包中仍然是IE6,而且国内的Ghost xp为了体积和不改变原版等初衷,都没有在打包的时候升级至IE8,Firefox在国内仍不算主流,所以还有近1/3的人还在用IE6,而IE6这个非标准的,过时的浏览器,给网页设计者带来的苦恼不知道有多少,而且对新技术的标准化的采用都是灾难性的障碍。

设计网页时没有因IE6 IE7 IE8 FFirefox兼容性发疯的人还不算一个敬业的设计师,页面的统一感观尤为重要,这可苦了我们这些设计网页的人。

今天又全新设计了一个页面,总结了一点点经验。

一、图片连接处空白问题

1、DIV间图片连接空白还好解决,一般加一个clear:both就搞定。
2、当UL LI这些标签和DIV做图片连接的时候,一定要在CSS中加上限定UL LI这些高度的属性,就是加上height属性,这些属性要和实际图片高度一致,不然在IE6及firefox中高度不通过。
3、要加上overflow:hidden属性,这对IE6是有用的。

二、margin和padding的问题

注意,IE6 IE8 firefox在排列导航时,要用padding,不要用margin,因为IE6对margin属性的表示和padding不一样,只有用padding来限定空白才能在三种浏览器中表现统一。

经常有些经验,当时记住了,过后就忘了,现在记录下来,做个备忘。以后有新经验待续。

原创文章,作者:斑斓网站长,如若转载,请注明出处:https://www.argb.net/css-ie6-ie7-ie8-firefox-div-ul-and-other-compatible-debugging-experience.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注