如何仅在悬停时加载JPG？

Question

是否有可能使浏览器仅在悬停（CSS）上加载JPG图像而不使用任何 JavaScript？

Answer 1

的种类，如果是在默认状态下没有background-url再有就是在:hover状态background-url那么它的工作原理，它实际上下载时:hover开始，而不是之前。但是，除非你知道它们，否则你仍然不会在没有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'); 
}