CSS 在悬停上交换背景图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 在悬停上交换背景图像相关的知识,希望对你有一定的参考价值。

1	.element {background-image: url("path-to-an-image")}
2	.element:hover {background-image: url("path-to-a-different-image")}
3	 
4	.element {background-position: top-value left-value}
5	.element:hover {background-position: different-top-value different-left-value}

以上是关于CSS 在悬停上交换背景图像的主要内容,如果未能解决你的问题,请参考以下文章

CSS:图像悬停过渡不适用于显示无/显示:块和图像交换

在任何背景上突出显示图像(悬停时)

悬停时无法更改css中的背景图像[重复]

仅在文本链接悬停 CSS 上显示图像

悬停父元素后的CSS悬停元素

CSS,在悬停时添加额外的背景