摘要：今天在做项目时遇到一个IE bug。当一个绝对定位元素在没有background，没有内容，并和一个img元素重叠的情况下，不管z-index如何设置，都会位于img下方。 此bug出现于IE中，其他浏览器均正常显示。经过反复折腾以后，发现只要设置background或者添加内容就可以。但是如果你是需要一个透明的 div浮在img上面，解决方案是设置background为一张不存在的图片。比如：{background:url(about:blank);}非常感谢http://www.ahuing.com/divcss/ie-position-absolute-img-up-background 阅读全文

摘要：8种清除浮动的方法（测试已通过iechromefirefoxopera，后面三种方法只做了解就可以了）：1，父级div定义heightLeftRightdiv2原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单，代码少，容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用评分：★★☆☆☆2，结尾处加空div标签clear:bothLeftRightdiv2原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单，代码 阅读全文

摘要：IE6支持最大高度解决CSS代码：.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":"");}说明：min-height:1000px; 这个是IE6以上级其它品牌浏览器支持最小范围高度。而_height:expression((document.documentElement.clientHeight||document.body.clientHeig 阅读全文

摘要：一、CSS浮动产生的负面影响1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。2、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于子级里使用了float属性，产生浮动，父级不能被撑开，导致边框不能随内容而被撑开。3、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。二、css解决浮动，清除浮动方法这里DIVC 阅读全文

摘要：1、Firefox@-moz-document url-prefix() { .selector { property: value; } }上面是仅仅被Firefox浏览器识别的写法，具体如：@-moz-document url-prefix() { .demo { color:lime; } }支持Firefox的还有几种写法：/* 支持所有firefox版本 */ #selector[id=selector] { property: value; } 或者： @-moz-document url-prefix() { .selector { property: value; } } /* 阅读全文