我正在尝试为我网站的第1阶段显示png而不是我的光标。 背景图像转换在jQuery中,其余部分在PHP,CSS,HTML中。 我研究并使用了每个人似乎都使用的代码,但光标不会出现。我检查了图像的命名是否正确以及路径。 Chrome上的Inspect元素也没有显示任何错误。 如果你能找到错误,请告诉我......
光标应仅显示第一个背景(“顶部”)。 任何提示高度赞赏!
CSS:
.top {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 100;
width: 100%;
}
.top: hover {
cursor: url("images/cursorcamera.png");
的jQuery
$(document).ready(function(){
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/camera.wav');
$('*').click(function(){
audioElement.play();
$('.top').fadeOut('slow')
// $('.second').fadeOut('slow').delay(1000);
$('.second').delay(5000).fadeOut();
$('#counter').delay(5000).fadeOut();
});
});
答案 0 :(得分:0)
不要使用悬停。在你的顶级css元素中声明光标网址,当你用鼠标悬停在元素上时它会起作用。
答案 1 :(得分:0)
我试过这个并且指针显示出来,而不是图像...所以它以某种方式工作而不是图像...
。最佳 {
位置:绝对;
顶部:0px;
底部:0px;
左:0px;
右:0px;
z-index:100;
宽度:100%;
cursor:url(images / cursorcamera.png),指针;
}