3

:私のスタイルに適用するとホバーが機能しません:

http://jsfiddle.net/E9DXJ/

<nav>
<div class="container">
    <div class="row-fluid center">
        <div id="navcontainerimg" class="span12 center">
            <img src="img/hs-header.png"/>
        </div>
        <div id="navcontainernav" class="span12 center">
            <span class="topleft">Our Story</span>
            <span class="topright">Awesome Support!</span>
            <span class="bottomleft">Read the Blog!</span>
            <span class="bottomright">Join Now</span>
        </div>
    </div>
</div>

クラスは:hoverなしでスタイル設定できますが、追加しても何も行われません。Chromeで:hoverスタイルの表示をクリックすると、そこに表示されますが、機能しません。

4

2 に答える 2

10

これはz-index、コンテナにネガティブを設定しているため、Chrome は基本的にホバー イベントを認識しません。

次のように変更します。

#navcontainernav    
{
    width: 720px;
    margin-left: 40px;
    height: 170px;
    top: -233px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

またはその他の正の値。

于 2013-02-23T10:18:47.910 に答える
2

#navcontainernav z-indexの変更:-5; z-indexへ:1;

これはすべてのブラウザで機能します

于 2013-02-23T10:23:34.103 に答える