为什么cursor:url;无效呢

来源:1-8 cursor

酷酷的Nian

2018-12-30 15:38:35

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

div{

width:300px;

height:300px;

background-color:red;

margin:200px;

}

div:hover{

cursor:url(img/logo1.png);

background-color:blue;

}

</style>

</head>

<body>

<div></div>

</body>

</html>

鼠标经过div并没有出现图片啊

写回答

1回答

Miss路

2018-12-31

首先要了解到 cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以

你的问题:

1、图片格式不对,IE支持cur,ani,ico这三种格式,FF支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式,因此来说一般将url引用的图片存为ico或cur格式比较好。或者是同学可以选择制定的浏览器,采用对应的图片格式。

2、没有第二个参数。

如果帮助到了你,欢迎采纳!

0

0 学习 · 5012 问题

查看课程