Question

我有一个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？

Answer 1

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

Answer 2

尝试添加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＆lt; = 8不支持此属性。旧的IE版本不支持任何漂亮的东西，所以我的建议是接受你的div的边框在IE中不具有透明度的事实。

感谢。

在IE中设置边框的不透明度（版本＆lt; = 8）

2 个答案: