我能找到的大部分资源都与渐变有关。这与渐变无关。
有没有人发现一种方法可以在 IE7 和/或 IE8 的 border-color
属性中启用 rgba
?
例子:
p {
background-color: #D00;
border: 1px solid rgba(0,0,0,.75);
}
最佳答案
如果您可以完全控制要将此应用到的 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: border-color 在 IE7-8 中使用 rgba,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15284435/