gpt4 book ai didi

internet-explorer - IE 问题 : Transparent div above a picture doesn't trigger the CSS:hover

转载 作者:搜寻专家 更新时间:2023-10-31 22:09:44 25 4
gpt4 key购买 nike

问题是:我想使用透明 div 在图像上创建 react 区域,但以下代码在 IE 上不起作用(在 Chrome 上测试):div“hover_zone”的背景颜色不起作用完全改变。

问题是由于背景颜色设置为透明。使用任何有效的颜色,如#FFF,它就可以工作(IE 似乎认为:它是透明的,它不包含任何东西,我们不显示它)。

<html>
<body>

<style type='text/css'>

#hover_zone{
background-color:transparent;
visibility: visible;
position:absolute;
width:40px;
height:40px;
left:10px;
top:10px;
z-index:1000;
}

a:hover #hover_zone{
background-color:#0C0;
visibility: visible;
}

</style>

<div id="container">
<img src="http://ptaff.ca/blogue/wp-content/uploads/noir_black.png" />
<a href="#"><div id="hover_zone"></div></a>
</div>

</body>
</html>

感谢您的帮助!

干杯!

最佳答案

我遇到了这个确切的问题并用这种方式修复了它:

div#hover-zone { background:transparent url('../images/spacer.gif') 0 0 repeat; }

其中 spacer.gif 是一个 1px 的透明 gif。

希望这对您有所帮助。

关于internet-explorer - IE 问题 : Transparent div above a picture doesn't trigger the CSS:hover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3771717/

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