Javascript 在IE中设置边框的不透明度(版本<;=8)
我有一个Css代码: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设置不透明度”。有人知道如何做到这一点吗
#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不支持这个属性