CSSテクニックコミュのWindows2000 IE6でhoverの不具合

aタグに背景画像を表示してhover時にbackground-positionを使い画像の差し替えをしております。

■ソース
<div id="toppage"><a href="#">リンク</a></div>

■CSS
#toppage a {
width: 224px;
height: 416px;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image:url(../img_common/toppage.gif);
}

#toppage a:hover {
background-position: -224px 0px;
}

Mac(Safari,FireFox)、WinXP(IE6,FireFox)では問題なく動作しているのですが、Windows2000のIE6ではロールオーバー(hover)すると画像が消えてしまう（見えない？）状況になります。

自分の手元にWin2000環境が再現できないので、確認しながら検証ができなくて。。

CSSのWindows2000におけるバグやOS依存などに関して教えていただきたいです、よろしくお願いします。

※<head>には下記の記述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

XML宣言はしていません。

コメント(6)

最初
全て
最新の40件

[3] mixiユーザー 02月20日 23:39

＞ジャックさん

#toppageにhoverしてないときの画像を指定することで、その上に乗っかっている<a>の背景が一瞬消えてもごまかすことはできますよね？

または<a>にhover前の画像、#toppageにhover後の画像を指定。
マウスが乗っかったときに<a>に指定している画像を消すなど？

2000は手元に無いので確認ができないので難しいですね･･･。

[4] mixiユーザー 02月21日 00:10

Win2000・IE5.0での実行結果です。
http://r-yama3.com/test/test.html

[6] mixiユーザー 02月21日 11:29

＞ジャックさん
背景画像の横サイズは実際は2倍の448pxでよいでしょうか。
Hover時に左半分巻き戻すみたいな挙動であっていますか？

ダミーを作って試してみましたが、Win2000のIE6でも
ちゃんと機能しましたよ。

ちなみにIEのVerですが、6.0.2800.1106 パッチ適応済みです。

動かない環境の方の情報が欲しいところですね。

ログインすると、みんなのコメントがもっと見れるよ