0

ローカルでは表示されますが、オンラインで表示される画像を取得できないようです。

おもしろいのは、そのすぐ隣にいくつかの同様の画像が表示されることですが、この特定の画像は表示されません.

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;
}
4

1 に答える 1

0

これが当てはまるかどうかはわかりませんが、可能性を取り除くだけです。以前と同じように私にも起こりました。

画像の形式が間違っているか、破損している可能性があります。必要な PNG を Photoshop から再保存するか、Web として保存するか、JPG (または PNG 以外) として保存してみてください。画像をアップロードし、index.htmlと同じディレクトリにあることを確認します (コードに基づいて)。

2 つ目は、特定の高さと幅を.home a

何も機能しない場合は、コードをhttp://jsfiddle.net/に配置し、画像のパスが適切に指定されていることを確認してください。

于 2012-07-03T08:09:55.900 に答える