Question

我正在使用连续6个不同图像的精灵图像，每张图片为75x75。当我加载图像时，它们中间有“图像未找到”图标。这是2张图片的代码：

CSS

img.freebo {
   width: 75px; height: 75px;
   background: #fff url('../images/teacher-sprite.jpg') 0 0;
   display:block; float: left; margin: 5px;vertical-align:middle;}
img.randall {
   width: 75px; height: 75px;
   background: #fff url('../images/teacher-sprite.jpg') -75px 0;
   display:block; float: left; margin: 5px;vertical-align:middle;}

HTML

<img class="freebo" src="teacher-sprite.jpg">
<img class="randall" src="teacher-sprite.jpg">

任何想法如何解决？感谢

Answer 1

../images/teacher-sprite.jpg'

此路径告诉浏览器：向#something/images/teacher-sprite.jpg中的{}发送请求，其中#something是包含包含（css？）文件的文件夹的#something互联网路径我正在读这条道路

无论如何：如果您在background-image标记中有img属性，为什么使用src属性？

Answer 2

而不是：

<img class="freebo" src="teacher-sprite.jpg">

进入：

<div class="freebo"></div>

是的，请确保您的路径正确

精灵图像返回中间带有“未找到图像”图标

2 个答案: