我的目标是image Manager-icon.png
在#watch #background #manager #logo
将图像悬停blue-pointer.jpg
在#watch #background #manager #logo
.
我的 HTML 和 CSS 如下所示:
<div id="watch">
<div id="background">
<img src="image/watch.jpg" height=100%>
<div id="manager">
<div id="pointer">
<a href="login.html">
<img src="Image/blue-pointer.jpg" width=100%>
</a>
</div>
<div id="logo">
<img src="Image/Manager-icon.png" width=100%>
</div>
</div>
</div>
#watch #background #manager #pointer{
position: absolute;
width: 100%;
left: 28%;
top: 79%;
}
#watch #background #manager #pointer img:hover + #watch #background #manager #logo img{
display: inline;
}
#watch #background #manager #logo{
position: absolute;
width: 100%;
top:35%;
}
#watch #background #manager #logo img{
display: none;
}