[英]:hover effect on object out of Div (CSS/JS?)
I have a CSS hover effect that cycles between two images when you hover over the initial image.我有一个 CSS 悬停效果,当您将鼠标悬停在初始图像上时,它会在两个图像之间循环。
HTML: HTML:
<img class="bottom" src="photos/800_800_<?php echo $r->image1;?>" />
<img class="top" src="photos/800_800_<?php echo $r->image2;?>" />
CSS: CSS:
#cf img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#cf img.top:hover {
opacity: 0;
}
How can I make it so that when you hover over a tag that isn't in the div with the ID of #cf it triggers the same effect?我该如何做到这一点,以便当您将鼠标悬停在 ID 为 #cf 的 div 之外的标签上时,它会触发相同的效果?
您没有添加样式 id,您必须在 img 标签中添加 id 尝试以下代码。
<img id="cf" class="bottom" src="photos/800_800_<?php echo $r->image1;?>" />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.