今天又遇到一个兼容性问题:一个ul列表下有一个a标签按钮,ul里每个li设置了margin-bottom为13px,ie6和firefox及chrome显示正常,ie7下最后一个li却紧挨着a标签,没有了13px的距离。
如果是ie6的兼容,在ul上加_margin-bottom:13px(仅ie6识别)或者margin-bottom:0px !important; margin-bottom:13px;(firefox识别!important,ie6不识别)即可解决。
但现在是ie7,怎么写才能让ie7识别而其他不识别呢?
此时,*闪亮登场了。*margin-bottom:13px ie7和ie6可识别。
ok,结合起来,问题解决,css如下:
margin-bottom:0px; *margin-bottom:13px !important; *margin-bottom:0px;
三个分别为firefox的,ie7的,ie6的。
---------------------更正--------------------
关于!important,ie6其实是识别的,只不过有bug;
比如div {margin-bottom:0px !important; margin-bottom:13px;}这么写,ie6就bug了只认后者;
但是如果这么写:
div {margin-bottom:0px !important; }
div {margin-bottom:13px;}
ie6还是识别0px的。