Html 悬停时将图像更改为文本
如何在鼠标悬停时将图像更改为文本，在鼠标离开时使用HTML、CSS和JavaScript再次将图像更改为文本？我目前正在使用if，如果这有什么不同的话。我刚刚创建了一个快速而肮脏的解决方案，我不知道它是否真的是你想要的，你非常模糊 本质上，文本始终存在，但使用Html 悬停时将图像更改为文本,html,css,Html,Css,如何在鼠标悬停时将图像更改为文本，在鼠标离开时使用HTML、CSS和JavaScript再次将图像更改为文本？我目前正在使用if，如果这有什么不同的话。我刚刚创建了一个快速而肮脏的解决方案，我不知道它是否真的是你想要的，你非常模糊 本质上，文本始终存在，但使用opacity:0和visibility:hidden隐藏。这使我们能够进行一个很好的转换，以使文本显示出来 最大的优点是，根本不使用JS。您应该能够使用css来实现这一点： #徽标支架{位置：相对；宽度：992px；高度：125px；
opacity:0visibility:hidden最大的优点是，根本不使用JS。您应该能够使用css来实现这一点：
#徽标支架{位置：相对；宽度：992px；高度：125px；/*图像尺寸*/}
#商标持有人。图像，
#logo holder.text{过渡：不透明度0.5s缓进缓出；}
#logo holder.text{位置：绝对；顶部：0；左侧：0；不透明度：0；}
#徽标保持器：悬停。图像{不透明度：0；}
#logo holder:hover.text{opacity:1；}
悬停显示此文本
CSS3悬停文本在div中设置动画
.c--动画btn范围{
颜色：黑色；
文字装饰：无；
文本对齐：居中；
显示：块；
}
.c--动画btn，.c-anim-btn{
过渡：0.3s；
}
.c--动画btn{
高度：64px；
字体：普通700 1.2em/4em Arial，无衬线；
溢出：隐藏；
宽度：200px；
}
.c-anim-btn{
页边顶部：0em；
}
.c--anim-btn:悬停.c-anim-btn{
边缘顶部：-4em；
}
在这里盘旋