a:hover のとき、背景画像を変更してjavascriptを使用せずマウスオーバー処理を行う方法がありますよね。簡単に書くと下記のようになります。
<a href="***">テキスト</a>
a { background:url(aaa.gif); }
a:hover { background:url(bbb.gif); }
ローカル環境ではうまく表示されるのですが、アップロードすると一瞬真っ白になってから背景画像が変わります。これはなぜでしょうか。
IE6使用(Windows)です。
MacIEやNetscapeだと、ぜんぜん問題ありませんでした。IE特有の問題なのか、私のPC環境によるものかはっきりさせたいと思うので、わかる方、宜しくお願いします。
No.3ベストアンサー
- 回答日時:
#1です。
失礼しました。IEではbackground-positionを変える方式でもチラつきますね。ツール→
インターネットオプション→
インターネット一時ファイルの設定ボタン→
「ページを表示するごとに確認する」以外を選ぶ。
この設定さえすればどちらの方式でもチラつかなくなるようです。
最初の一回目のチラつきを抑えるには
やはりbackground-positionを変える方式にするか、
#2の方の回答のように画像を先読みするスクリプトが有効かも。試してませんが。
(MM_preloadImagesって関数はDWを使ってないなら中身を自前で用意しなきゃいけないけど)
>最初の一回目のチラつきを抑えるには
1回目くらいはチラつきあってもいいだろうと思ってます。画像先読みも考えてました。
>「ページを表示するごとに確認する」以外を選ぶ。
これでうまくいきました。ありがとうございました。
No.2
- 回答日時:
画像aaa.gifからbbb.gifへの切り替え命令を受けてから
bbb.gifを読みに行くために表示までの僅かのタイムラグが
発生する事で起ます、ページを読み込む前に
<body>タグで先読みすれば瞬時に切り替わります。
下記のように<body>タグを書いてください。
<body onLoad="MM_preloadImages('aaa.gif','bbb.gif')">
No.1
- 回答日時:
画像の読み込み(サーバへのアクセス)が起こっているのかな?
backgroundのurlの変更ではなくpositionを変える方法にしてみてはどうですか?→参考URL
参考URL:http://www.mushline.com/junky/2003/111523.shtml
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
期間ごとに画像表示を切り替え...
-
HTMLにQRコードを挿入する方法
-
HTMLファイルの一部の画像だけ...
-
スマホで、画像をクリックする...
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
リンク画像をホバーアニメーシ...
-
クリッカブルMAP領域が分かる様...
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
予約語の表示について
-
HTML、CSSの記述でマウスオーバ...
-
thickboxでcloseボタン右上配置...
-
画像クリックでクリップボード...
-
サムネイルの表示方法・・
-
元々あるファビコンが消えない
-
WebページをHTMLで作成するので...
-
PDFの保存ボタンが表示されません
-
Adobe インデザインに詳しい方...
-
一番解像度の高い画像を “Googl...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
スライドショーの上にロゴマー...
-
背景が透明なリンクボタンで、...
-
クリッカブルMAP領域が分かる様...
-
タイトルバーに画像を入れるHTM...
-
バナーの貼り方とバナーにリン...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
フォルダ内の画像をウェブでラ...
-
期間ごとに画像表示を切り替え...
-
pngやjsの後ろの英数字の意味は...
-
onmouseoverに複数の命令を書き...
-
「DecareステートメントにPtrSa...
-
リンク先にしているページを小...
-
画像クリックでクリップボード...
-
IE11にてonclickの動作不良
-
[twip]から[pixel]への変換
-
HTMLだけで画像をクリックして...
-
アルバムをめくるように、画像...
おすすめ情報