CSS PIE - 边框问题？答案

【问题标题】：CSS PIE - border issue?CSS PIE - 边框问题？
【发布时间】：2011-09-26 13:22:01
【问题描述】：

在为边框渲染 RGBA 颜色时遇到问题。边框半径的 RGBA 颜色工作正常，但边框颜色不正常，并且没有显示任何边框颜色。

CSSPie 中是否有任何单独的“-pie-”标签用于在边框中使用 RGBA？

我的代码：

.border{
position:absolute; 
right: 250px; 
top: 250px; 
width: 400px; height:100px; 
z-index: 9999;
border: 3px solid rgba(52, 52, 52, 0.3);
border-radius: 10px; -moz-border-radius: 10px; 
behavior: url(PIE.htc); 
}

在 IE 7 和 8 中看不到边框...您能帮忙吗？

提前致谢！

【问题讨论】：

我个人从来没有让 PIE 在 IE8 或任何其他 IE 中工作。

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

【解决方案1】：

对于Border-radius 问题，您必须为该元素应用样式position:relative; and z-index:0;。希望这会奏效。

【讨论】：

【解决方案2】：

很遗憾，PIE（尚）不支持此功能。如果/当它实现时，无疑需要一个单独的 -pie-border 或 -pie-border-color 属性，因为如果 IE 的解析器包含无法识别的 rgba 字符串，它将丢弃整个边框值。

这是跟踪此功能的票证：https://github.com/lojjic/PIE/issues/55

【讨论】：

【解决方案3】：

我有根据的猜测是 IE7 和 IE8 只支持 rgb() 而不是 rgba()，这就是没有显示边框的原因。

【讨论】：