CSSについて質問です。画像にa要素を指定してマウスオーバーでボーダー色が変わるCSSなんですが、IE5の場合、ボーダーの線幅自体がクリックできる範囲になってしまい。普通に画像はクリック範囲から外れてしまうんです。CSS は以下です

#somenale a{
border: 1px solid #B2B2B2;
display: block;
width: 120px;
height: 80px;
}
#somenale a:visited{
border: 1px solid #B2B2B2;
}
#somenale a:hover{
border: 1px solid #CC9933;
}
どなたか詳しい方教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/12/27 21:48:14
  • 終了:--

回答(1件)

id:ginpei No.1

ginpei回答回数40ベストアンサー獲得回数02005/12/28 00:09:37

ポイント50pt

ちょっと質問がよくわかりません。

#somenale というのは、何にかかる ID でしょうか? IMG 要素に対するスタイルの指定もないようですが……。


単純にリンク画像の枠の色を変更する場合のサンプルです:

<style>

a img {

border: 1px solid #B2B2B2;

}

a:hover img {

border: 1px solid #CC9933;

}

</style>


<a href=”#”><img src=”img.gif”></a>


これであれば画像がクリック範囲から外れる事はありませんが、「ボーダーの線幅自体がクリックできる範囲になってしまい」ます。

枠をクリック範囲には含めずに色を変えようとすると、現在ではスクリプトで実装するしかなさそうです(:hover などは今のところリンクにしか使えないので):


<span style=”border: 5px solid #0000ff;” onMouseOver=’this.style.borderColor=”#ff0000”;’ onMouseOut=’this.style.borderColor=”#0000ff”;’><a href=”#”><img src=”hoge.gif”></a></span>

id:moriamko44728

質問の内容が足りなかったみたいですね。すいません。でも内容は判って頂いてますね。ありがとうございます。そうですね。img要素に定義すればいいんですよね。試して見るとうまく行きました。ありがとうございます。助かりました!!

2005/12/30 08:39:23

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません