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

【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“…

【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   <…

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的疯狂之二】IE6中PNG Alpha透明(全集)

ie7,fireofx,opera,及至webkit内核的chrome ,safari….. 这些浏览器均支持png的Alpha透明. 很多人说IE6不支持PNG透明,其实IE支持100%透明的PNG,疯狂的IE6只是不支持png的Alpha透明. 这个BUG给我们带来了很大的困扰. 但是这仍然存在很多问题,比如半透明的PNG背景图片. Gulu77整理了4种IE6中PNG Alpha透明的方法: 测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/…

【IE6的疯狂之一】IE6中奇数宽高的BUG

IE6真是太疯狂了.今天由于项目需要做了这么一个布局:一个外部的相对定位div,内部一个绝对定位的div(right:0), 如图: 可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽高的bug,解决方案就是将外部相对定位的div宽度改成偶数.高度也是一样的查看源码: CSS代码: #out {width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*/height: 300px;position: relative;background:#FF0…

【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的疯狂之十】父级使用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的疯狂之五】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…

jq获取当前点击的li是ul中的第几个？

<script> var navulsize = $('.navul li').size();            var navulwidth = $('.navul li').width();            var allwidth = navulwidth*navulsize;            $('.navul').width(allwidth);            $('.navul li').click(function(){                va…

【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;…