0

私はウェブサイトを構築してきました。ローカルでテストしたところ、すべて正常に動作しましたが、オンラインでテストしたところ、一部の画像が読み込まれませんでした。

画像は単なる画像ではなく、css ロールオーバー リンクであり、10 個ありますが、すべて同じ問題があります。

CSSコードは次のとおりです。

.art-links{
width:150px;
height:150px;
display:block;
}
.art-links:hover{
background-position:left 150px;
}

#art1{
margin: -300px 0 0 -300px;
background-image:url

('https://dl.dropbox.com/u/70582811/Website/Artwork/Buttons/art1.jpg');
}

HTMLコードは次のとおりです。

<a href="#art1" onclick="toggle_on('art1_big'); toggle_on('artbg'); toggle_on('back_off'); 
toggle_on('next1'); toggle_on('prev1'); toggle_off('artwork')">
<div class="centre art-links" id="art1">
</div>
</a>

これは、画像の 1 つのコードです。

画像は、Chrome、Firefox、または IE では表示されません。Chrome と Firefox の両方で、ボタンはそのままで使用できますが、画像はありません。ただし、IEには何もありません。

ここで問題を確認できます: http://testerwebby.tumblr.com/ (アートワークの左上の画像をクリックすると、問題が表示されます)。

4

1 に答える 1

2

background-imageプロパティ内にurlとの間のスペースを入れないでください(。スペースの削除と設定：

background-image: url('https://dl.dropbox.com/u/70582811/Website/Artwork/Buttons/art2.jpg');

私のためにうまくいった。

于 2013-01-12T00:30:38.860 に答える