掲示板/総合質問板/過去ログ/一覧/ テーブルの中　fover

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(XXX２.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気になりご質問いたしました。
有難う心から感謝

テーブルの中 fover

テーブルの中　fover