0

我有一个 CSS 代码：

#mydiv{
    position:absolute;
    top:50;
    left:50px;
    border: 8px solid rgba(160,160,160,0.8);
    padding:8px;
}

但问题是此代码不适用于 IE，在 IE 8.0 中测试。

我知道 ：

filter:alpha(opacity=80);

是在 IE 中设置不透明度的属性。但我需要的是“只为边框设置不透明度，而不是为整个 div 设置不透明度”。有谁知道如何实现这一目标？有或没有 JScript 吗？

4

2 回答 2

1

边框不透明度适用于 IE9 及更高版本。对于 IE 8 及更低版本，您唯一的选择是使用某种半透明 PNG 作为背景，而不是真正的边框。

于 2013-02-19T18:13:46.417 回答
0

尝试添加该background-clip属性以确保即使在纯色背景上边框也保持透明。

#mydiv {
    border: 1px solid rgba(160,160,160,0.8);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

但问题是 IE <=8 不支持此属性。旧的 IE 版本不支持任何漂亮的东西，所以我给你的建议是接受你的 div 的边框在 IE 中没有透明度的事实。

谢谢。

于 2013-02-19T18:15:03.347 回答