我有2 div的一个标志 - 图标和文本。默认情况下,文本是隐藏的,只有当用户将鼠标悬停在图标上方时才会显示。不幸的是它不工作。鼠标悬停在DIVA影响DIVB
这是我的HTML代码:
<h1 class="site-title"><a href="http://localhost/themes/" rel="home">
<div id="logo-icon">
<img src="http://localhost/themes/wp-content/theme/img/logo_icon.png" class="anim">
</div>
<div id="logo-text">
<img src="http://localhost/themes/wp-content/theme/img/logo_text.png" class="anim">
</div>
</a></h1>
的CSS:
#logo-text, #logo-icon {
display: inline;
float: left;
}
#logo-text img.anim {
opacity: 0;
}
#logo-icon img:hover #logo-text img.anim {
opacity: 1;
}