html – ：悬停不起作用

概述：当应用于我的样式时,悬停不起作用： http://jsfiddle.net/E9DXJ/ <nav><div class="container"> <div class="row-fluid center"> <div id="navcontainerimg" class="span12 center"> <img src="img/hs-hea ：当应用于我的样式时,悬停不起作用：

http://jsfiddle.net/E9DXJ/

<nav><div >    <div >        <div ID="navcontainerimg" >            <img src="img/hs-header.png"/>        </div>        <div ID="navcontainernav" >            <span >Our Story</span>            <span >Awesome Support!</span>            <span >Read the Blog!</span>            <span >Join Now</span>        </div>    </div></div>

可以在没有：hover的情况下设置类的样式,但添加时它不会执行任何 *** 作.如果我点击Chrome中的：悬停样式显示,它会在那里显示,但不起作用.

解决方法 这是因为您为容器设置了负z-index,因此Chrome基本上无法识别悬停事件.

将其更改为：

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

或任何其他正面价值.

总结

以上是内存溢出为你收集整理的html – ：悬停不起作用全部内容，希望文章能够帮你解决html – ：悬停不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。