2011-01-05 19 views
2

mouseoverでテキストのブロックの色を変更しようとしていますが、テキストの上端をスクロールするとテキストが変わるまでです。マウスオーバーで複数行のテキストの色を変更する方法

http://angelamiller.net/archives/test/v3/

私は左上隅、「Thesewordshelptoshapeme」のテキストの最初のブロックをテストしています。私は最終的に何をしたいのか

.typoBox div.l3_1 ul:hover { 
    color:red; 
} 

を使用して

は、ユーザーがテキストのブロックの上に転がると、テキストをクリックしたときに、私は、テキストの他のブロックをターゲットにすることができている(彼らはすべて別々のdivにあり)をjQueryなどで置き換えてdivを非表示にし、そのテキストブロックについての説明文を含むhidden divを表示します。

私は6で作業していることを心配していませんが、現時点では私のMacにあり、この時点でFirefoxとChromeを試してみました。

アンカーを追加してもらえれば助かります。私のグーグルで

私は見つけることができる最も近いものは、jQueryのソリューションだったが、うまくいきませんでした検索:

<script> 
    $("div.l3_1 ul").mouseover(function() { 
    $(this).css("color","red"); 
    }); 
</script> 
+2

あなたのhtmlマークアップがどのように見えるか、あなたの* jQueryで*ターゲティングしているものを表示できますか? –

+0

\t \t \t
    \t \t \t \t
  • thesewo
  • \t \t \t \t
  • rdshel
  • \t \t \t \t
  • ptosha
  • \t \t \t \t
  • peme
  • \t \t \t
\t \t
prhey404

+0

私はまた、1つのリスト要素を使用し、次の行を開始したいと思うテキストの1つの文字列に改行を追加しようとしましたが、どちらも機能しませんでした。再生する

  • thesewo
    rdshel
    ptosha
    PEME
  • prhey404

    答えて

    0

    セレクタのいくつかの問題ではなく、ルールがあります。 display: nonediv.13_1 ul {ルールに追加すると、効果がないことがわかります。それは私が得た限りです。

    2

    問題はあなたのZインデックスです。火かき棒で何かをクリックすると、それは私の上にdiv.twを与えます。これは真です。なぜなら、手動でz-indexを上に置くからです。だから、hitTestingを使って、これは正しいです。問題は、打撃を受けないようにすることは不可能だと思います。だからあなたのCSSとは関係がありません。 tw div、またはそのインデックスを削除しても問題ありません。

    +0

    インデックス作成を削除しても動作します。+1 –

    関連する問題