div添加cursor:pointer;失效问题。

如果你不小心给其它盒子设置了z-index属性显示在最上层而又没有将该盒子进行隐藏。

<style>

.bottom {

position: absolute;

width:100px;

height:100px;

background:pink;

cursor:pointer;

}

.top {

z-index:999;

width:200px;

height:200px;

background-color: transparent;

position: absolute;

}

</style>

<div class="top"></div>

<div class="bottom"></div>

那么这是给看到的盒子设置cursor属性时无效,将设置了z-index的最上层盒子设置display:none;,问题就得到解决。

原文地址:https://www.cnblogs.com/gzy-tw/p/10273358.html

时间: 2024-10-09 19:31:59

div添加cursor:pointer;失效问题。的相关文章

js实现动态给一个div添加文本内容与简单的日历

js实现动态给一个div添加文本内容(即在文本框中输入一段文字,点击设置文字按钮实现将文本框中的文字添加到div中) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <style

JS案例练习 — 给div添加样式选择功能

感觉JS写的比较臃肿,有能力了再回头改过 附加效果图: CSS内容: 1 <style> 2 *{margin:0; padding:0px} 3 li{list-style:none} 4 body{font:24px 'Microsoft YaHei'; color:black} 5 .div0{padding:20px 50px; font-weight: bold;} 6 .div1{margin-bottom: 20px;} 7 .div1 span{font-weight: nor

通过css选择器class给元素添加cursor的坑

笔者在chrome中遇到了奇特的问题,在通过class给元素添加cursor的自定义图片时.出现了"Invald property value"提示,crosshair.help等属性值可以生效. 图片却不行,自己研究后发现两个大坑. 一个是图片宽或者高需要有一边小于或等于32px. 另一个很重要就是不能用class选择器. 例如: <style type="text/css"> .foo{ width:100px; height:100px; curs

Jquery获取select option动态添加自定义属性值失效

Jquery获取select option动态添加自定义属性值失效 2014/12/31 11:49:19 中国学网转载 编辑:李强 http://www.xue163.com/588880/39096/390963333.html 为了帮助网友解决“Jquery获取select optio”相关的问题,中国学网通过互联网对“Jquery获取select optio”相关的解决方案进行了整理,用户详细问题包括:jqueryselectie9  function GetFenceItemData(

鼠标显示形状图片,cursor:pointer手形状是最常用的显示方式,其实还有其他形式

鼠标hover可以显示多种样式,甚至可以显示自己定义样式.具体带啊如下 <!doctype html> <html> <head> <meta charset="UTF-8"/> <title>鼠标显示图_haley</title> <style> h2{text-align:center;width:720px;margin:10px auto;} table{ border:1px solid #0

cursor:pointer

.cursor_hand{ cursor:pointer; }

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

cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行. cursor:hand :IE完全支持.但是在firefox是不支持的,没有效果. cursor:pointer :是CSS2.0的标准.所以firefox是支持的,但是IE5.0既之前版本不支持.IE6开始支持. 结论:还是用 cursor:pointer 来的方便 cursor:鼠标 pointer:指针 附:cursor属性收集 光标类型 CSS 十字准心 cursor: cro

鼠标悬停为子div添加class

<!-- author:IluckySi since:20150331 功能:一个父div下面有多个子div,如何实现鼠标悬停到子div上面,子div添加class. --> <!DOCTYPE html> <html> <head> <title>mouse.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,ke

html div 添加链接

<html> <body> <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> <p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开.</p><div onclick="window.open('http://www.baidu.c