id="fontzoom">
以前在ie5.01、ie5.5、e6、firefox下已经显示正常的页面现在遇到了ie7,可能就会显示的不一样。 这和ie7支持了important有很大的关系. 所以现在使用简单的选折符 关于更具体的介绍,看下html中介绍吧!!!! <style> div.Explorer{ display:none; margin:5px; padding:5px; width:200px; line-height:150%; border:2px #666 solid; } div.Explorer dl dt{ font-weight:bold; } /*针对IE7的hack*/ *+html div.IE7{ display:block !important; display:none; } </style> <div class=”Explorer IE7″>注意”*+html”是css的中的选择符,很幸运的被ie7与ie5.01所使用,而区分ie7与ie5.01又有很简单的方法,便是 important,这样把important写在前面,就形成了单独针对ie7 hack的方法了。平时大家记得以下几点,可避免许多乌七八糟的兼容性问题 <dl> <dt>遵循将 padding/border 和固定宽度同时应用到同一元素。 </dt> <dd>IE5 错误的区块模型是罪魁祸首,是它把事情弄得乱七八糟。虽然有补救方案,不过最好是绕过这个问题,当子元素的宽度固定时,为其父元素指定padding。 </dd> <dt>如果布局中一定要用浮动对象,别忘了适时使用清除(clear)属性。 </dt> <dd>浮动元素似易实难,而且难以驾驭。如果您发现浮动对象伸出了容器的边界,或者不像您所期望的那样显示,请检查您的期望是否正确。 </dd> </dl> </div> <div class=”Explorer”></div> <div class=”Explorer”></div> <div class=”Explorer”></div> <div class=”Explorer”></div> |