gpt4 book ai didi

jquery - 当我在 IE6 或 IE7 中使用 jQuery 设置元素的不透明度时,它似乎获取 "overflow: hidden"。为什么?

转载 作者:行者123 更新时间:2023-12-01 01:52:28 25 4
gpt4 key购买 nike

考虑这个 HTML:

<!DOCTYPE html> 
<html>
<head>
<title></title>
<style type="text/css">
div {
position: relative;
width: 200px;
height: 200px;
background: #ff0;
}
span {
position: absolute;
width: 200px;
height: 200px;
background: #f00;
top: 100px;
left: 100px;
}
</style>
</head>
<body>
<div><span></span></div>
</body>
</html>

输出:

现在让我们添加一些 jQuery 代码,将包含的 div 的不透明度设置为任意级别:

$('div').css({ opacity: '1' });

现在的输出是这样的:

如何避免这种情况? Here's a test page .

编辑:IE6 中也会发生这种情况。

最佳答案

我发现,如果您清空 filter 属性,问题就会消失。

$('div').css('opacity', '1').css('filter', '');

$('div').animate({ opacity: '1' }, function() { 
$(this).css('filter', '')
});

关于jquery - 当我在 IE6 或 IE7 中使用 jQuery 设置元素的不透明度时,它似乎获取 "overflow: hidden"。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5766434/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com