3

object7:hover「追加」ボタン( )からスクロールするために他のいくつかのボタン(アイテム)をトリガーしようとしていますobject7が、とにかくトリガーされないようです。HTMLとCSSのみを使用して、JavaScriptの使用を避けようとしています。私が持っているコードはここにあります

助言がありますか?

編集:おそらく私は十分に明確ではありませんでした、これはそれがどうあるべきかです:

ユーザーホバー'設定'=>すべてのアイテムが後ろからスライドします'設定'=>ユーザーホバー'追加'=>

=>アイテムは[追加]ボタンの後ろから下にスライドします

4

1 に答える 1

1

あなたの問題は、ボタンがホバーイベントに応答しないことだと思います。

代わりにスパンを使用すると、機能するようです。これが実演するフィドルです。すべての要素を適切に並べる必要はありませんでしたが、「追加」スパンにカーソルを合わせると「新しい」スパンが移動するのがわかります。これは、達成しようとしていることだと思います。

<div class="container">
<span class="set">
    <span class="object1">Start</span >
    <span class="object2">Stop</span >
    <span class="object3">Play</span >
    <span class="object4">Pause</span >
    <span class="object5">More</span >
    <span class="object6">Info</span >
    <span class="object7">Add
         <span class="object8">New</span >       
    </span >
    <span class="default">Settings</span >
    </span>
</div>

編集:div要素も機能します。おそらく他の要素も同様です。ボタン要素が問題なのかもしれませんか?グーグル検索がホバー疑似セレクターで任意の要素が有効であることを意味するのでわかりませんが、ボタンは確かに私のバージョンのChromeでは機能していませんでした。

于 2012-10-19T16:03:46.467 に答える