我正在处理的网站有一个列表ul，其中包含100个（li）个项目符号。他们每个人都链接到另一个HTML网站。
当您将鼠标悬停在其中一个链接上时，我想显示图像预览。图像应该从左侧慢慢滑入。
由于每张预览图片的尺寸最大为40kb，我实际上不想要预加载图像。 什么是预防它的最佳方法？ 如果可能的话，我想只通过CSS做这个，没有JS。
我的想法：
a）默认状态：<img> - 标记为display:none;悬停状态：将其设置为display:inline。问题：transition不适用于display :(。
b）只需使用div代替并为每个li编写一个CSS规则，这样在悬停相应的背景图像时会为其分配预览图像。
这是否会阻止图像的预加载？
答案 0 :(得分：1)
如果您将其添加为背景图片，但仅在悬停时显示，则图片将不会加载，直到用户将鼠标悬停在具有该样式的任何内容上。您应该能够内联设置背景图像，而不是将图像文件作为IMG输出
答案 1 :(得分：0)
您不能仅使用CSS执行此操作，因为您的浏览器将加载所有内容（无论display：none）。我会推荐像php这样的javascript或服务器端。
Maby jquery加载可能是什么？ http://api.jquery.com/load/