Aym*_*ric 3 html internet-explorer transparent hover
问题出在这里:我想使用透明div在图像上创建反应区域,但以下代码不适用于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.
希望这可以帮助.