css background rgba 在 ie

background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');

下面是根据源代码的颜色代码 生成相应的在ie中的颜色代码

http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/

里层有背景 外层有背景 外层的背景就作为边框

<style type="text/css">
.p-wrapper {
    background-color: rgba(0,0,0,.5);
    padding: 1px;
}
.p-wrapper p {
    background-color: #D00;
}
</style>
<!--[if IE]>
<style type="text/css">
.p-wrapper {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    zoom: 1;
}
</style>
<![endif]-->

<div class="p-wrapper">
    <p>Hello World</p>
</div>