如果您无法下载资料，请参考说明：
1、部分资料下载需要金币，请确保您的账户上有足够的金币
2、已购买过的文档，再次下载不重复扣费
3、资料包下载后请先用软件解压，在使用对应软件打开
div+css各种浏览器Hack兼容性研究（一）时间:2012-05-1319:45作者:admin点击:134次ie6,ie7,ie8,ie9cssbug兼容解决记录select{background-color:red\0;/*ie8/9*/background-color:blue\9\0;/*ie9*/*background-color:#dddd00;/*ie7*/_background-color:#CDCDCD;/*ie6*/}断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie678bug和解决办法！1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有影响，左右无影响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结果，或许还会引起其他不必要的怪现象。现在终于发现解决这个问题的方法，其实很简单，既然是有ul引起的，就设置ul的显示形式为*display:inline-block;即可，前面加*是只针对IE6/IE7有效，其他浏览器并不渲染这个属性。2：分页数字字体用“Arial”加粗不抖动<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><linkhref="css/style.css"rel="stylesheet"type="text/css"/><styletype="text/css">body,ul,h1{font-family:Arial;font-size:12px;}.page{text-align:center;}.pagea{display:inline-block;padding:5px8px;text-decoration:none;border:1pxsolid#09F;background-color:#0CF;color:#FFF;}.pagea:hover,.page.selected{border:1pxsolid#CCC;background-color:#FFF;color:#000;font-weight:bold;}</style></head><body><h1>分页样式</h1><divclass="page"><ahref="#">1</a><ahref="#"class="selected">2</a><ahref="#">3</a><ahref="#">4</a><ahref="#">5</a><ahref="#">6</a><ahref="#">7</a><ahref="#">8</a><ahref="#">9</a><ahref="#">10</a></div></body></html>3：IE6CSS选择器区分IE6IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。/*IE6专用*/.content{color:red;}/*其他浏览器*/div>p.content{color:blue;}4：IE6最小高度IE6不支持min-height属性，但它却认为height就是最小高度。解决方法：使用ie6不支持但其余浏览器支持的属性!important。#container{min-height:200px;height:auto!important;height:200px;}5：IE6100%高度在IE6下，如果要给元素定义100%高度，必须要明确定义它的父级元素的高度，如果你需要给元素定义满屏的高度，就得先给html和body定义height:100%;。6：IE6躲猫猫bug在IE6和IE7下，躲猫猫bug是一个非常恼人的问题。一个撑破了容器的浮动元素，如果在他之后有不浮动的内容，并且有一些定义了:hover的链接，当鼠标移到那些链接上时，在IE6下就会触发躲猫猫。解决方法很简单：1.在（
立即下载
