![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS IE6 BUG
前端开发工程师
6年前端开发,可写js组件
展开
-
标准模式中的 IE 6&7 width 100% bug
来自:http://www.99css.com/?p=43在 web app 项目中经常遇到这个 bug,国外称之为100% ≠ 100% bug,又分为两种:div 的宽度 100% ≠ 100% (IE 6&7)需求:标准模式#container 局部滚动#asie 固定宽度#content 自适应宽度再复杂一点还会要求两列等高,可参考 http://w...原创 2010-07-16 09:39:29 · 111 阅读 · 0 评论 -
IE6/IE7不支持display:inline-block ?
IE6/IE7不支持display:inline-block ?有时候我只是想给元素加行高,内补丁,宽度高度,那么正常的浏览器下面,我们都是常常用这个display属性: display 详细说明:http://www.w3school.com.cn/css/pr_class_display.asp 那么了解了这个属性,我们要怎么处理 IE6/7下的bug呢? 方法就是...2012-04-16 20:49:08 · 78 阅读 · 0 评论 -
IE6下的双边距Bug!
IE6下的双边距Bug!例:.db_margin{ float:left ; margin-left:100px;} !IE6情况 正常边距100px IE6情况 变成了200px why?what?为什么会这样,怎么搞定它?测了各种浏览器,只有IE6内核下才会出现这个bug。好了,看来它很调皮那么我决解...2012-04-16 20:37:56 · 69 阅读 · 0 评论 -
IE浏览器下的特别属性 hasLayout
百度百科看来讲的很清楚:http://baike.baidu.com/view/2945869.htm haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLa...原创 2012-04-13 19:33:10 · 156 阅读 · 0 评论 -
2、关于content = “IE=edge,chrome=1″ 详解
1< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:< meta http-eq...原创 2012-04-11 22:57:45 · 136 阅读 · 0 评论 -
css透明度
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;原创 2012-05-01 22:27:08 · 156 阅读 · 0 评论 -
浮动引起的行高丢失(float)
浮动引起的行高丢失(float) 以下给出决解方案.layout{ *zoom:1;}.layout:after{ content:'\20'; display:block; height:0; clear:both;}原创 2012-05-01 22:16:30 · 283 阅读 · 0 评论 -
页面中某DIV使用了position:relative,结合top=-25px等元素定位。在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动。...
BUG描述:页面中某DIV使用了position:relative,结合top=-25px等元素定位。在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动。分析:这是IE6一个已知的BUG:当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。解决方法:...原创 2010-12-03 16:19:05 · 109 阅读 · 0 评论 -
IE 8 7 6 的HTML 识别方式
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--><!--[if IE原创 2010-12-24 09:15:46 · 66 阅读 · 0 评论 -
元素的Margin重叠
元素的Margin重叠 了解一下重叠规则: 1.水平Margin不重叠2.浮动元素上下不重叠 (float)3. 飘动元素上下margin 不重叠 (position)4.常规折行上下margin重叠 例:浮动元素上下不重叠 (float)/ 飘动元素上下margin 不重叠 (position)#wrapper{ width:500px;}...原创 2012-04-16 21:04:38 · 78 阅读 · 0 评论