CSS: border-color 在 IE7-8 中使用 rgba

Question

我能找到的大部分资源都与渐变有关。这与渐变无关。

有没有人发现一种方法可以在 IE7 和/或 IE8 的 border-color 属性中启用 rgba？

例子:

p {
    background-color: #D00;
    border: 1px solid rgba(0,0,0,.75);
}

Answer 1

如果您可以完全控制要将此应用到的 HTML，则可以使用具有第二种背景颜色(充当边框)的包装器来实现

<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]-->

然后作为 HTML:

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

虽然如果这真的只是 1px，我会按照 Cristy 的建议去做，只指定一个 RGB 回退