Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在IE中设置边框的不透明度(版本<;=8)_Javascript_Html_Css - Fatal编程技术网

Javascript 在IE中设置边框的不透明度(版本<;=8)

Javascript 在IE中设置边框的不透明度(版本<;=8),javascript,html,css,Javascript,Html,Css,我有一个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设置不透明度”。有人知道如何做到这一点吗

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

边框不透明度在IE9及以上版本中有效。IE 8及以下版本的唯一选项是使用某种半透明PNG作为背景,而不是真正的边框。

尝试添加
背景剪辑
属性,以确保即使在实心背景上,边框也保持透明

#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不支持这个属性