【【IE6的疯狂之九】li在IE中底部空行的BUG】的更多相关文章

【IE6的疯狂之九】li在IE中底部空行的BUG

曾经写过[IE6的疯狂之六]li在IE中底部3像素的BUG(增加浮动解决问题),原文地址:http://www.css88.com/archives/421: IE6 BUG大全: http://www.css88.com/archives/579 但是这次li在IE中底部出现的不是3像素而是一整条空白行,如图: HTML代码: 1 <ul> 2   <li><a href="#">第1条连接</a></li> 3   <…

【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题）

今天开发项目中碰到一个li在IE中的BUG,先来看设计原型(如图:) 两个红色中间是<li>1px的底边框: 我写的代码如下: ============================================================= <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“…

li在IE中底部空行的BUG

li在IE中底部空行的BUG 但是这次li在IE中底部出现的不是3像素而是一整条空白行,如图:HTML代码: <ul> <li><a href="#">第1条连接</a></li> <li><a href="#">第2条连接</a></li> <li><a href="#">第3条连接</a></l…

IE6/IE7中li底部4px的Bug

当li的子元素中有浮动(float)时,IE6/IE7中<li>元素的下面会产生4px空隙的bug. XHTML <ul class="list"> <li><div>vapour</div></li> <li><div>百度</div></li> <li><div>淘宝</div></li> <li><…

【IE6的疯狂之十三】IE6下使用滤镜后链接不能点击的BUG

大家可能都知道IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜(用于PNG32 Alpha透明)后链接不能点击的BUG,大家也都知道只要在a标签上加相对定位的属性(position:relative)就可以点击了. 见demo页面中的例子1:http://www.css88.com/demo/ie6bug_filter/(使用IE6查看): 非常好!但是如果在使用滤镜容器的中加上绝对定位,悲剧发生了!a标签上加相对定位的属性(position…

【IE6的疯狂之十二】一个display:none引起的3像素的BUG

今天同事给我看了一个display:none引起的3像素的BUG,非常奇怪!从来没碰到过display:none还能引起这种bug. 看代码:   <div style="width:300px; margin:20px; border:1px solid #000; overflow:hidden; zoom:1;">   <div style="background:green; width:10px; float:left; height:300px;…

【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG

在前端开发中,经常会用到css的position:absolute来使层浮动,前通过left,top,right等属性来对层进行定位,但ie6对left,top,right等属性的解释和ie7,ie8及firefox.chrome等不一致. 在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其他则从层的真实位置算起,而非被padding改变后的那个位置.这点造成使用position:absolute进行层定…

【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了. XML/HTML代码 <!–[if IE 6]> <script type=”text/javascript”> docume…

【IE6的疯狂之七】样式中文注释后引发失效

这是IE6 出现的奇怪现象.这是由于css 和html 的编码不同所引致. 满足下面条件就会引起 注释下面的样式不起作用:1. css有中文注释2. css为ANSI编码3. html为utf-8编码 解决方法:1. 去掉中文注释,用英文注释2. 统一css 和 html 的编码 建议采用第二种解决方法 ps: css为uft-8  html 为ANSI 不会出现失效的情况. 参考文章:冯子胡说 的 http://vontall.blogbus.com/logs/4366443.html 转载请…

【IE6的疯狂之五】div遮盖select的解决方案

IE6以及一下版本下,选择框Select会覆盖Div中的内容一般情况下,可以将显示的内容放到Iframe中,然后再显示框架内的内容.由于Iframe的可以显示在Select上层,就可以解决这个问题.不过这样做在实现上比较麻烦.有个解决的部分就是在Div内容中加入不显示的Iframe框架即可,不用修改其他内容.例如:http://www.css88.com/demo/div_select/div_select.html CSS代码 body { margin: 0; padding: 0; tex…