当前位置: 首页 > 面试题库 >

将外部图像用于CSS自定义光标

苗信鸥
2023-03-14
问题内容

CSS定制游标可以使用外部图像URL吗?以下示例不起作用:

HTML:

<div class="test">TEST</div>

CSS:

.test {
  background:gray;
  width:200px;
  height:200px;
  cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
}

问题答案:

由于您的图片太大,因此无法正常工作-图片尺寸受到限制。例如,在Firefox中,大小限制为128x128px。。

此外,您还必须添加auto

.test {

  background:gray;

  width:200px;

  height:200px;

  cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;

}


<div class="test">TEST</div>


 类似资料:
  • 问题内容: 我有许多heroshot图像,单击它们时会弹出模式弹出窗口。我试图使光标在图像上移动时变成放大镜。即使我的位置正确,以下CSS也似乎无法正常工作。 有没有人做过类似的事情?我不介意一个JavaScript解决方案(如果存在)。 编辑 :它可以在Safari中,但不能在Firefox中使用。 问题答案: 您的问题可能是光标URL在Mac的Firefox中不起作用。 通过使用关键字,可以在

  • 问题内容: 我想我已经尝试了互联网上建议的各种方法,但是没有任何效果。这是我当前的CSS代码: 除了在IE中以外,它都可以正常工作… 问题答案: 不幸的是,在IE中是普通的越野车,至少到8 在Windows Internet Explorer(包括8版及更高版本)中,如果在外部样式表文件中指定了相对URI值,则将基本URI视为包含元素的文档的URI,而不是其中包含样式表的URI。声明出现。 您可能

  • 问题内容: 我正在尝试使用以下图像创建自定义光标: 图像尺寸必须保留。我尝试过使用,尽管在FF / Chrome中不起作用。(甚至不检查其他浏览器) 它不起作用的原因是什么? 问题答案: 问题不仅仅在于您的css代码缺少第二个参数,还在于图像文件。 如果您只是简单地调整大小,请使其变小(我出于测试目的尝试使用32px),它的工作原理就像是一种魅力。 从图像的外观来看,您可能还需要“指针”而不是自动

  • 问题内容: 嗨,您想创建一个自定义光标适配器,以便显示2行文本的图像。我在理解自定义光标适配器时遇到了一些麻烦,但是我不明白如何添加要从数据库路径填充的imageview。 问题答案: 将, 实际上,我已经实现了与您正在寻找的东西非常相似的东西。这是我的实现。 XML只是万一… 根据特定条件,这将在文本的两行显示最多2幅图像。 希望这可以为您的工作打下基础! 祝好运 :]

  • 外部定义 有时候创建一个由多个不同检出得到的工作拷贝是非常有用的,举个例子,你或许希望不同的子目录来自不同的版本库位置,或者是不同的版本库。你可以手工设置这样一个工作拷贝—使用svn checkout来创建这种你需要的嵌套的工作拷贝结构。但是如果这个结构对所有的用户是很重要的,每个用户需要执行同样的检出操作。 很幸运,Subversion提供了外部定义的支持,一个外部定义是一个本地路经到URL的影

  • 问题内容: 我正在尝试使用CSS更改复选框的默认“框图像”,但是它不起作用。有没有办法解决? 问题答案: 尝试: jQuery