Question

我能找到的大部分资源与渐变相关。这不是关于渐变的。

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

示例：

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后备

CSS：在IE7-8中使用rgba的border-color

1 个答案: