CSS学习笔记(四)

IE与Firfox的差异或BUG

 

1. 子元素的上下外边界问题 (FF)
   在父元素没有定义高度时(貌似定义了高度也不行)，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。
   解决方法 ： 给父元素定义内边距或边框
   
2. 双边距BUG(IE)
   IE6或更早的版本有时会把已经应用到浮动元素的一个边距 尺寸翻倍。只有当边距与浮动在同一方向时才会出现这个问题 ——向左浮动的元素上的一个左边距或者向右浮动的元素上的一个右边距。
   解决方法 ：在浮动元素的样式中加入display:inine;
   
   IE中的IFrame与FF的区别
   在FF中IFrame是透明的，在IE中IFrame是不透明的。
   解决方法： 在属性中添加： allowtransparency="true" style="background-color=transparent"
   
3. 定义一个没有宽度和高度的div时，IE会有一定的空间占位，但FF不会
   
4. IE6的最小高度问题用font-size:1px;来解决
   
5. IE的条件注释
   <!--[if IE 8]>不错不错。<![endif]-->
   <!--[if IE 7]>你，IE7，红色文字！<![endif]-->
   <!--[if IE 6]>IE6可不是好东西呢！<![endif]-->
6. IE的Hack
   property:value; /* 所有IE浏览器 */
   +property:value; /* IE7 */
   _property:value; /* IE6 */