<分区>
标签 javascript jquery css html
我正在制作一个包含 2 个漫画的漫画网页。我需要的是当用户在卡通上移动他的 Action 时,漫画的对话/思维应该出现在页面中
谁能帮帮我???
最佳答案
是这样的吗?
img {
max-width: 100%;
}
.image {
position: relative;
display: inline-block;
width: 300px;
}
.image .dialog-image {
opacity: 0;
transition: opacity 300ms;
position: absolute;
top: 0;
right: 10px;
width: 100px;
}
.image:hover .dialog-image {
opacity: 1;
}
<div class="image">
<img src="http://www.jamiesale-cartoonist.com/wp-content/uploads/cartoon-duck-free.png" alt="">
<div class="dialog-image">
<img src="https://d30y9cdsu7xlg0.cloudfront.net/png/23875-200.png" alt="">
</div>
</div>
关于javascript - 在 HTML 中,当我将鼠标悬停到基本图像上时如何将新图像放置到基本图像中,以便两个图像并排显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39770075/