2 porry123 porry123 于 2015.05.30 15:25 提问

onmouseover不触发,望指教

a标签似乎是被覆盖了,但是找不到问题根源。z-index属性修改没有效果

CSS

 .demo{  width:1000px; height:442px; overflow:hidden;margin:0px;z-index:-1; padding:0px; position:relative; }
.num { bottom: 10px; right: 50px; width:auto;height:8px;z-index:10; position:absolute;}
.num a{cursor:pointer;  width:8px; height:8px; background:url(../images/bicon_bg.png) no-repeat bottom; margin-right:4px; float:left;display:inline-block; border:1px solid red;position:relative;z-index:50;}
.num a:hover {cursor:pointer; background:#ff7d01; width:8px; height:8px; display:block; color:#fff; }
.demo ul {position:relative;z-index:5;width:956px; }
.demo ul li {position:absolute; display:none; margin:0px;padding:0px;width:1000px; }
.demo ul li .demo-img{ width:1000px;height:442px;float:left; display:inline; }
.demo ul li .demo-img img{ width:1000px; height:442px;}
.demo .num a.cur{ background:url(../images/bicon_bg.png) no-repeat top; display:block;}

前端是这样的结构

 <div class="demo">
                            <div class="num">
                                                                        <a href="#" class='cur'></a>
                                                                        <a href="#" ></a>
                                                                        <a href="#" ></a>                                                                       
                                                        </div>
                            <ul>
                                <li style='DISPLAY: block' ><img src='imagestext/20140916064258.jpg'  width="1000" height="442"></li> 
                                 <li  ><img src='imagestext/20130531030129.jpg'  width="1000" height="442"></li> 
                                  <li  ><img src='imagestext/20140905105755.jpg'  width="1000" height="442"></li>                                  
                            </ul>
                        </div>

6个回答

showbo
showbo   Ds   Rxr 2015.05.30 20:27
已采纳

.demo你设置z-index为-1不就到body后面了。。当然获取不到焦点了,去掉z-index:-1

     .demo {
        width: 1000px;
        height: 442px;
        overflow: hidden;
        margin: 0px;
       /* z-index: -1;*/
        padding: 0px;
        position: relative;
    }
porry123
porry123 恩,不应该给-1的,是我对z-index理解不够。现在可以了,谢谢
2 年多之前 回复
u012216727
u012216727   Ds   Rxr 2015.05.30 16:57

是你Javascript代码写的有点问题吧,你仔细找找,我的挺好的,或许onmouseover和hover有点冲突。

porry123
porry123 不是功能部分的问题,现在已经解决了,多谢了
2 年多之前 回复
GX_LiangWenLong
GX_LiangWenLong   2015.05.30 16:28

用document.getElementById('id').onmouseover = function () { }试下

tbwangxw
tbwangxw   2015.05.30 16:33

ie6、7不支持 a:hover ,如果要实现此功能,需要添onmouseover事件响应

yy839126257
yy839126257   2015.05.31 11:40

覆盖问题用 z-index解决,不起作用的话,你把这个事件用行内式写一写试一试

porry123
porry123   2015.05.31 13:42

问题解决了,感谢各位老师不吝赐教

Csdn user default icon
上传中...
上传图片
插入图片