2009-05-25 4 views
0

私は、ロールオーバー時に各行をカラー効果で応答させるユーザーインターフェイスを作成しています。さらに、各行には、ユーザーのクリックとロールオーバーに対応する必要のある小さな記号(ボタン)がいくつか含まれている必要があります。1つのハイライト表示された行にいくつかの画像ボタンを実装する方法

アンカータグを使用してこれを行う方法はわかりましたが、一度使用してしまえば、その中に別のアンカーを入れ子にすることはできません。ここで私の目標を達成するために "ネストされたボタン"または回避策(好ましくはJavaScriptを含まない)を生成する方法はありますか?あなたのCSSファイルが含まれている可能性が

maralbjo

答えて

1

li:hover { 
    background-color: #3f3; /* whatever color you want */ 
    list-style: none; 
} 

あなたのHTMLファイルは、単に項目のリストを持つことができます:

<ul> 
<li><a href="alink.html"><img src="image.png" alt="mybutton"></a></li> 
<li>Line</li> 
<li>Goes</li> 
<li>Here</li> 
</ul> 
+2

唯一のことは、ホバー上のli要素に.hoverクラスを割り当てるためにjavascriptでスクリプトを追加する必要があることです。なぜですか?IEは認識しないため、アンカー以外のものではホバー疑似クラスを認識しません。 –

0

あなたはそれが古いIEブラウザで動作させることができませんスクリプトなしでスクリプト経由でホバー動作を追加、私はしばらくの間、使用興味深い選択肢があり、しかし::。:(

私はドミトリFarkovが彼のコメントで提案されたものをやってしまった。whatever:hover

たぶんそれは、より良いあなたに合うでしょう。

+0

私たちはIE6以上を犠牲にしても問題はありません –

+0

James 'コードはIE7から始まるIEで動作するはずです:[CSS 2.1セレクタ互換性チャート](http://www.quirksmode.org/css/contents.html) –

関連する問題