web中自定电脑鼠标款式将其显示信息为上下箭头

2021-03-07 08:20 jianzhan
近期写新项目必须完成1个作用:电脑鼠标挪动到1个照片左侧显示信息左箭头,挪动到右侧显示信息右箭头。

完成方式:1个img上面精准定位两个div,div的款式以下:

拷贝编码
编码以下:

.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了。