会发现在IE6/7/8? FF12下,LI底部会多出几个像素,网上很多人说这是li的3pxbug,实际不然。底部的空隙和字体大小和高度有关。并不一定是3px。
出现这个bug的条件如下 必要条件: li的子元素设置了浮动(例如:本例中的span设置了左浮动)
充要条件: (IE6/7/8[……]
会发现在IE6/7/8? FF12下,LI底部会多出几个像素,网上很多人说这是li的3pxbug,实际不然。底部的空隙和字体大小和高度有关。并不一定是3px。
出现这个bug的条件如下 必要条件: li的子元素设置了浮动(例如:本例中的span设置了左浮动)
充要条件: (IE6/7/8[……]
记得在CSS中有明确规则z-index只能在绝对定位下有效,也就是说当 position:absolute 的时候生效,然而在IE6和IE7中则完全不是这样。看下面的例子:
父级元素加上position:relative;并设置z-index.
父级元素的z-index优先,其中包含的元[……]
今天WEB前端群里(群号63417830)无意谈到了@import url(),不太常用,争论很大。一开始是由于一个兼容问题: @import url(/css/a.css) 很简单但出现了兼容问题,在ff下无法调用样式,大家都以为是@import搞的怪,但用link后问题依然出现。经过一番讨论原来[……]
IE6下溢出多余文字解决方案Iebug——又是可恶的IE6!!!
最近会常常遇到这么个问题:
在IE6中,会平白无端多出几个字儿来,通过同事的讲解才知道这是IE6BUG 。
哇 咔 咔 ` 被碰到这种问题 太幸运了…
下面把自己做后的总结整理下:
方案1:
原因:出现这种[……]
IE6,IE7下浮动元素不自动换行的解决方法
IE6非常可恶,以前一直崇尚IE7,后来发现IE7和IE6一样可恶,微软真TM受不了,没有定义width的浮动block元素总是出现不自动换行的BUG ,找了很多,也试了很多,唯一下面的方法比较完美,很简单,就是一个属性,把该block元素的C[……]
再次发布关于IE6,IE7,IE8,Firefox兼容的css hack
已经发布过关于这CSS兼容的hack的文章不止一篇,可是有太多,都已经失效,再次发布,不想谈什么乱七八糟的理论,直接上实例!如下:?
IE浏览器都能识别“*” “\9”;标准浏览器(如FF)不能识别“*”;
IE6能[……]