jQuery,Internet Explorer 9出错
我正在使用库,这是我的代码: CSS: HTML: “不透明度”选项适用于每个浏览器(该框具有透明度),但jQuery,Internet Explorer 9出错,jquery,html,css,Jquery,Html,Css,我正在使用库,这是我的代码: CSS: HTML: “不透明度”选项适用于每个浏览器(该框具有透明度),但 Chrome、Firefox和Safari向我显示了一个值为“0.20000002345”的弹出窗口仅InternetExplorer9显示“1”。IE中不透明度的CSS(版本,而使用alpha过滤器将解决问题-IE9中不需要它…除非IE9以兼容模式查看页面(因此表现得像旧版本的IE) 如果OP以本地Intranet区域站点的形式查看页面,那么兼容模式是IE9中的默认查看模式(与Inter
Chrome、Firefox和Safari向我显示了一个值为“0.20000002345”的弹出窗口仅InternetExplorer9显示“1”。IE中不透明度的CSS(版本,而使用
alpha过滤器将解决问题-IE9中不需要它…除非IE9以兼容模式查看页面(因此表现得像旧版本的IE)
如果OP以本地Intranet区域站点的形式查看页面,那么兼容模式是IE9中的默认查看模式(与Internet区域相反),因此css不透明性
不起作用
在IE9中,转到:页面->兼容性视图设置->取消选中“在兼容性视图中显示Intranet站点”以关闭该选项
与安全区域和兼容模式的混淆可以解释OP出现问题的原因,以及为什么在公共互联网上查看上述链接测试页面的任何人都能正确地看到它。在IE9中适用:。注意,您的CSS中的hight
拼写错误。它在IE9之前的IE版本中不起作用,因为我不知道CSSopacity
这个词。他们使用过滤器来实现同样的效果。我会检查ie中是否存在其他错误,这些错误会阻止代码表单正确执行。@jfriend00的示例也适用于我为什么要使用CSS(“过滤器”)
?我想,.CSS(“opacity”)
可以跨浏览器工作。在所有jQuery之后。不透明度
在IE中不起作用,IE的等价物是过滤器:alpha(不透明度=100)
其中100是一个介于0-100之间的值…所以不透明度:0.2;
=过滤器:alpha(不透明度=20)
但是,OP的问题是关于IE9的,IE9支持不透明度
,所以这个答案与IE9无关。根据我的JSFIDLE,这个OP的代码在IE9中工作。这个答案适用于IE的早期版本,但OP问的不是这个问题。我明白你的意思,我认为高度
值拼写错误他离开了…但我的代码适用于其他版本的IE!:)这个网站是关于具体问题的具体答案。通常,对于一个不相关的答案,不管它对其他情况有多大帮助,你都不会得到分数。
.card{
hight: 100px;
width: 100px;
background-color: black;
opacity: 0.2;
}
<div class="card"></div>
$(".card").hover(function () {
alert($(this).css("opacity"))
});
$(".card").hover(function () {
alert($(this).css("opacity"));
var filter = $(this).css('filter');
if (filter) {
filter = parseInt( filter.replace(')','').replace('alpha(opacity=','') ) / 100; }
alert(filter);
});