テーブルの中 fover

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前:  : 2007/02/04(日) 07:44  ID:C4kqR54s sub-Cl
ご質問です。
よろしくお願い申します。
テーブルのなか(<td>****<td>)
この中身の画像をfoverさせたいのですが
どうすればいいのでしょうか
今思いっていますのが
適当なファイル名
例えば
<td class="type1"></td>として

CSSを
.type1 {
background-image: urlXXXX.gif);
background-repeat: no-repeat;
}
.type1:hover {
background-image:url(XXX2.gif);
background-repeat: no-repeat;
}
と致しましたが、上手くいきません。
どうすればいいのでしょうか
ご指導お願い致します。

1   名前: 匿名 : 2007/02/04(日) 07:44  ID:/sMf8B64 sub-kJ
fover?というツッコミはともかく、

>>0
その記述は正しい。

だが、IE6 という非力なブラウザはそれに対応していない。IE7 にすれば解決。それ以外のメジャーなブラウザは皆とっくに対応済み。



もし IE6 以前に対応するという不毛な試練に立ち向かうなら、
http://digibot.jp/blog/archives/2005/05/iehovera.html
から得られるスクリプト(HTC)を併用する。すると IE6 でも >>0 の記述でいける。



スクリプトが嫌なら、以下のようにする他ない。
<td class="type1"><a href="#">内容</a></td>

td.type1 a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(XXX1.gif);
}

.type1 a:hover {
  background-image: url(XXX2.gif);
} 

2   名前: ski  : 2007/02/04(日) 07:44  ID:/7NZlRJ5 sub-Cl
そうなんですか
ご指導すみません
有難うございます。
現時点でスクリプトで動いていますが
CSS気になりご質問いたしました。
有難う心から感謝

一覧へ戻る