CSS：在 IE7-8 中使用 rgba 的边框颜色

【问题标题】：CSS: border-color using rgba in IE7-8CSS：在 IE7-8 中使用 rgba 的边框颜色
【发布时间】：2014-01-15 09:47:35
【问题描述】：

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

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

例子：

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

【问题讨论】：

我只想为 IE7 添加 rgb() 后备。
谢谢，@Cristy。我应该提到我现在确实有这个。

标签： css internet-explorer internet-explorer-8 internet-explorer-7

【解决方案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 后备

【讨论】：