gpt4 book ai didi

html - 对于我的跨度,如何在悬停时更改背景图像?

转载 作者:行者123 更新时间:2023-11-28 05:09:08 25 4
gpt4 key购买 nike

假设我有一个跨度:

<span class="myspan"></span>

.myspan{
background: url(image.png) top left no-repeat;
}

如何才能让人们悬停我的 span 时显示“image_hover.png”?

最佳答案

.myspan:hover{
background-image:url('image_hover.png');
}

但您真正想要做的是制作一张同时具有两种状态(自然状态和悬停状态)的图像,一张挨着一张。那么你会:

.myspan{
width: *the width of only one state. aka half the width of the whole image*
background:url('image.png') top left no-repeat;
}

.myspan:hover{
background-postion:right;
}

这样只有一张图片被加载并且在悬停时,它只是从左向右移动。仅显示图像的一半。

关于html - 对于我的跨度,如何在悬停时更改背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2588934/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com