cursor:hand 与 cursor:pointer的区别介绍


都是手型的光标,但是还是有一丢丢的区别。

cursor:hand  IE完全支持,但是在Firefox是不支持的,木有效果。

cursor:pointer 是CSS2.0的标准,所以Firefox是支持的,但是IE5.0及之前的版本不支持。IE6开始支持。


所以呢,就用cursor:pointer




附上:cursor属性收集

 
十字准心 cursor: crosshair; 
手 cursor: pointer; 
cursor: hand; 
写两个是为了照顾IE5,它只认hand。 
等待/沙漏 cursor: wait; 
帮助 cursor: help; 
无法释放 cursor: no-drop; 
文字/编辑 cursor: text; 
可移动对象 cursor: move; 
向上改变大小(North) cursor: n-resize; 
向下改变大小(South) cursor: s-resize; 
向右改变大小(East) cursor: e-resize; 
向左改变大小(West) cursor: w-resize; 
向上右改变大小(North East) cursor: ne-resize; 
向上左改变大小(North West) cursor: nw-resize; 
向下右改变大小(South East) cursor: se-resize; 
向下左改变大小(South West) cursor: sw-resize; 
自动 cursor: auto; 
禁止 cursor:not-allowed; 
处理中 cursor: progress; 
系统默认 cursor: default; 
用户自定义(可用动画) cursor: url(‘ # ‘); 
# = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。 

	<div class="article-bar-bottom">
							<div class="tags-box">
		<span class="label">个人分类:</span>
					<a class="tag-link" href="https://blog.csdn.net/u013108335/article/category/2885013" target="_blank">html5						</a>
	</div>
							<div class="tags-box hot-word">
		<span class="label">相关热词:</span>
					<a class="tag-link" href="https://blog.csdn.net/android_zyf/article/details/53420267" target="_blank">
		cursor			</a>
					<a class="tag-link" href="https://blog.csdn.net/yxwb1253587469/article/details/52249174" target="_blank">
		游标cursor			</a>
					<a class="tag-link" href="https://blog.csdn.net/android_zyf/article/details/53420267" target="_blank">
		安卓cursor			</a>
					<a class="tag-link" href="https://blog.csdn.net/chao_19/article/details/73196335" target="_blank">
		cursor类型			</a>
					<a class="tag-link" href="https://blog.csdn.net/fxss5201/article/details/70665910" target="_blank">
		cursor上下			</a>
				</div>
		</div>

<!-- !empty($pre_next_article[0]) -->
		<div class="related-article related-article-prev text-truncate">
	<a href="https://blog.csdn.net/u013108335/article/details/43602307">
		<span>上一篇</span>HTML5 meta标签属性		</a>
</div>
	</div>

猜你喜欢

转载自blog.csdn.net/weixin_41591151/article/details/81042127