国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

web中自定義鼠標樣式將其顯示為左右箭頭

2024-07-11 08:30:53
字體：大 中 小
來源：轉載
供稿：網友
最近寫項目需要實現一個功能：鼠標移動到一個圖片左邊顯示左箭頭，移動到右邊顯示右箭頭。

實現方法：一個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了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 余江县| 鹤庆县| 舒城县| 普定县| 海晏县| 永定县| 江华| 偃师市| 通辽市| 虎林市| 阳朔县| 麻城市| 景德镇市| 大同市| 常熟市| 昌图县| 新宾| 延寿县| 康乐县| 武宁县| 通江县| 南通市| 台湾省| 宽甸| 东乡| 碌曲县| 古蔺县| 梓潼县| 永修县| 响水县| 绿春县| 县级市| 琼结县| 石台县| 邢台县| 信阳市| 柳林县| 象山县| 抚顺市| 麻阳| 彭山县|