首页 > 代码库 > web中自定义鼠标样式
web中自定义鼠标样式
实现一个功能:鼠标移动到一个图片左边显示左箭头,移动到右边显示右箭头。
实现方法:一个img上面定位两个div,div的样式如下:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | .toleft { width: 200px; height: 300px; position: absolute; left: 0px; top: 0px; cursor: url(../images/test/cursor_left.cur), default ; } .toright { width: 200px; height: 300px; position: absolute; left: 200px; top: 0px; cursor: url(../images/test/cursor_right.cur), default ; } |
其他浏览器还好,可就是ie里面不行。
后来试了几种方法:
1.给 img 加 z-idnex:1 ; 给 div 加 z-index:2 //不行
2.把 div 的 position:absolute 去掉,加上float:left; //不行
无奈,后来给 div 加了个background-color:#fff; 嘿,居然可以了。
最后再把div的透明度设为0就ok了。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。