0

私はCSSとWebプログラミングにまったく慣れていません。私がやろうとしているのは、ボタンにホバリング効果を追加することです。私は2つの画像を使用してこれを行っています。

ダウンロードというボタンがあり、ホバーコードに追加します：

.button:hover{
    background-image:url(images/button2.png);

}

問題は、ボタンの読み込みに時間がかかることです。つまり、ホバー時にボタンを表示するのに遅延があります。どうすればこれを解決できますか?

編集：プリロードを使用してみましたが、一種の遅延もあります

div#preloadedImages
{
    width: 0px;
    height: 0px;
        background-image: url(images/button2.png);

}
4

2 に答える 2

1

スプライトで作業する必要があります。そのため、1 つの画像のみが読み込まれ、背景画像の位置が切り替えられるため、遅延が発生しません。

これをチェックしてください http://www.w3schools.com/css/css_image_sprites.aspは、私ができるよりもはるかによく説明します。

于 2012-11-16T13:31:48.333 に答える
0

画像の読み込みに時間がかかり、点滅する場合は、スプライトを使用して問題を回避する必要があります。

スプライトの原理は、画像を 1 つだけ (元の画像とホバリング画像を同じ上に) 持ち、カーソルを移動してホバリング画像を表示することです。

于 2012-11-16T13:31:27.180 に答える