css - 图片不会在线显示

Question

我似乎无法让图像出现在网上，尽管它出现在本地。

有趣的是，它旁边有几张类似的图像出现了，但这个特定的图像不会。

这是html：

 <p class="home"><a href="index.html"></a></p>

以及随附的 CSS：

.home {
position:absolute;
left:350px;
top:40px;
display:block;
width:125px;
height:50px;
text-indent:-9999px;
}
.home a {
display:block;
width:100%;
height:100%;
background:transparent url(home.png) no-repeat top left;
outline:none;
}
.home a:hover {
background-position:0 -50px;
}

Answer 1

我不确定是否是这种情况，但我们将消除可能性。以前我也遇到过同样的事情。

图像可能格式错误或损坏。尝试从 Photoshop 重新保存您想要的 PNG，另存为 Web，或尝试另存为 JPG（或非 PNG）。上传图像并确保它位于index.html所在的同一目录中（基于您的代码）。

其次，尝试将特定的高度和宽度设置为.home a

如果不起作用，请将您的代码放在这里http://jsfiddle.net/并检查图像的路径是否相应地指向。