如何仅在悬停时加载JPG？

Question

是否可以在不使用任何 JavaScript的情况下使浏览器仅在悬停（CSS）上加载JPG图像？

Answer 1

有点，如果默认状态下没有background-url，然后background-url状态中有:hover，那么它可以正常工作，它会在{{1启动，而不是之前。但你仍然没有得到它:hover＆amp; height除非您了解它们，否则不会使用javascript。

JSFiddle

Answer 2

您可以在悬停伪选择器上使用background: url(myimagelocation/myimage.jpg)。

实施例。

.mybox {
<!-- make sure you allow enough spatial dimensions here. -->
}
.mybox:hover {
 background: url('http://placehold.it/200x200');
}