ie6,ie7,ie8 css bug 汇总以及兼容解决方法

1：li 边距“无故”增加

任何事情都是有原因的，

li 边距也不例外。

先描述一下具体状况：有些时候

li 边距会突然增加很多，值也不固定（只在 IE6/IE7

有这种现象），让人摸不着头脑，仔细

“研究”发现是由于其低级元素 ul 的 padding 引起，

padding 的上下值对 li 有影响，左右无影响。所以只好笨手笨脚地把 padding 去掉，换成
margin。这是能解决问题，但往往不是我们想要的结果，或许还会引起其他不必要的怪现
象。

解决这个问题的方法，其实很简单，既然是有

ul 引起的，就设置 ul 的显示形式为

*display:inline-block;即可，前面加*是只针对 IE6/IE7 有效，其他浏览器并不渲染这个属
性。

2：分页数字字体用“Arial ”加粗不抖动

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312"/>
<title>无标题文档</title>
<link href="css/style.css"rel="stylesheet"type="text/css"/>
<style type="text/css">
body, ul, h1 {
font-family:Arial;
font-size:12px;
}
.page {
text-align:center;
}
.page a {
display:inline-block;
padding:5px 8px;
text-decoration:none;
border:1px solid #09F;
background-color:#0CF;
color:#FFF;
}
.page a:hover, .page .selected {
border:1px solid #CCC;
background-color:#FFF;
color:#000;
font-weight:bold;