IE8/9 + Quirks模式不透明度不起作用
IE8/9 + Quirks模式不透明度不起作用
提问于 2013-03-02 02:33:32
我正在开发怪癖模式(啊...)，并在一些图标上添加了不透明度(悬停时没有不透明度)，但它在IE8/9 +怪癖中不起作用。
.icons {
display: inline;
height: auto !important;
height: 100%;
margin: 0 1%;
position:relative;
zoom: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.icons:hover {
zoom: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}这是我的jsfiddle：http://jsfiddle.net/for3v3rforgott3n/C3atq/
JSFiddle在怪癖模式下看起来很糟糕，所以很难展示这个。我在某处读到，IE9不透明度在元素上没有宽度/高度是不起作用的，我的高度是基于%的，并且没有宽度，因为我使用的是媒体查询
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-02 04:56:05
仍然不确定到底是什么问题，但我用jQuery解决了它：
$(function() {
$('div.icons img').css('opacity', '0.6');
$('div.icons img').hover(function(){
$(this).css('opacity', '1.0');
$('div.icons img').mouseout(function(){
$(this).css('opacity', '0.6');
});
});
});Stack Overflow用户
发布于 2014-09-25 03:29:22
我还必须支持quirks模式并且没有JQuery，但对我来说，我需要使用"display: inline-block“，而不仅仅是"display: inline”。
下面的方法对我很有效：
"display:内联-block；不透明度: 0.5；滤镜:alpha(不透明度= 50);"；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15164532
复制相关文章
相似问题
腾讯云开发者
