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/，并检查图像的路径是否相应。

图片不会在线显示

1 个答案: