1

我能找到的大部分资源都与渐变有关。这不是关于渐变。CSS:在IE7-8中使用rgba的边框颜色

有没有人发现一种方法来启用rgba用于与IE7和/或IE8的border-color属性?

例子:

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

我只是简单地为IE7添加rgb()后备。 – Cristy 2013-03-08 00:21:04

+0

谢谢,@Cristy。我应该提到,我现在确实有这个。 – 2013-03-08 00:41:59

回答

0

如果要将此应用到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后备