filter: alpha(opacity=50); /*IE*/
color: #000;
}
2.2 RGBA
RGB扩展透明度的一种格式，a代表alpha透明度。
复制代码
p{
background-color: rgba(0,0,0,0.8);
color: #fff;
}
2.3 PNG图片的问题
png图片的最大优势是支持alpha透明度，但是IE6不直接支持PNG透明度，PNG透明度自IE7才支持。
好的是现在已经逐渐淘汰了IE6，
3.拥有布局的问题
默认拥有布局的元素：
•body/html
•table/tr/td
•img
•hr
•input/select/textarea/button
•iframe/embed/object/applet/marquee
所以其实div和span是没有布局的。
设置以下CSS属性会让元素获得布局。
1.float: left/right
2.display: inline-block
3.width/height
4.zoom: 任何值（只有IE）
IE7中以下属性也触发布局(下面三个属性只有IE7+才支持)
1.overflow: hidden/scroll/auto
2.min-width: 任何值
3.max-width: 除none之外的任何值
4.条件注释
•lt <
•lte <=
•gt >
•gte >=
条件注释写法如下，这里的是XHTML写法，所以后面会以/>结尾，HTML5写法最好是没有反斜杠
复制代码
<!– [if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”/css/ie6.css” />
<![endif]–>
<!– [if !IE 6]>
<link rel=”stylesheet” type=”text/css” href=”/css/ie6.css” />
<![endif]–>
<!– [if gte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”/css/ie6.css” />
<![endif]–>
5.IE常见的BUG及其解决方法
下面这些BUG都是很有代表性的，在我做的项目中下面的bug基本都遇到了。-_-!!这运气真不是一般好。
当然现在说起IE6兼容很多人可能会嗤之以鼻，但是我觉得在天朝大国这个连学校都在用着XP的地方，身为一名合格的前端，IE6兼容必须要过关。
5.1 双外边距浮动BUG
在元素有外边距且浮动的时候
复制代码
div.someone{
float: left;
margin-left: 20px;
}
解决方法
对float的元素设置display:inline
复制代码
div.someone{
float: left;
margin-left: 20px;
display: inline;
}
5.2 3像素文本偏移bug
当文本与一个浮动元素相邻时这个bug有可能出现
复制代码
div.myFloat{
float: left;
width:200px;
}
p{
margin-left:200px;
}
解决方法(IE6以上)
复制代码
p{
height: 1%; /*拥有布局*/
