css设置div不让点击事件，css禁止点击事件

css下层元素阻止了上层元素的点击事件,如何解决?

但是你上层还是中间透明的图片，那么建议你修改上层的大小，使上层不要盖住鼠标点击事件的部分，只有这样才能解决，没有其他的方法。

a标签没有写href=“”属性 a标签内没有内容，这时候是没有东西可以点击，除非有内容撑开a标签，使用padding或者转为块元素设计宽高。

条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

flex盒子内的子元素可以被作项目。 注意：设为flex后，其子元素的float、clear、vertical-align属性就会失效。 a.作用于父级的6个属性：flex-direction，flex-wrap，flex-flow，justify-content，align-items，align-content。

所以也包括子元素，所以点击子元素会触发父元素的点击事件。对于事件而言，这是一种事件传递。如果不希望事件传递下去，可以在子元素上使用js的阻止事件传递方法stopPropagation，就不会将事件传递到父层元素。

相关问答

Q1: 如何让DIV固定在页面而不随着滚动条随意滚动

1、然后这里是根据滚动条的滚动设置top或者bottom的值即可实现让DIV固定在页面而不随着滚动条随意滚动。

2、使用CSS CSS让DIV固定位置不随滚动条而滚动， fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

3、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

4、不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

Q2: 怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：div style=position： fixed； top： 0；right：0；导航/div。

2、即使到达底部后，div的位置依旧没有修改。如图所示，这里将div的css样式设置为绝对定位，这里是靠右靠下。然后这里是根据滚动条的滚动设置top或者bottom的值即可实现让DIV固定在页面而不随着滚动条随意滚动。

3、使用CSS CSS让DIV固定位置不随滚动条而滚动， fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

4、滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条。只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。

5、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

Q3: css父元素和子元素,我点击父元素让其隐藏,但为什么点击子元素也会隐藏...

1、这是因为元素选择器（比如div）的优先级（或者说权重）要比类选择器（比如.def）高，所以 .def 始终要被 div 压制。

2、就目前来说相对较好的解决方法是 添加子元素样式来规避，因为子元素在css2和css3中都是默认继承父元素属性的。

3、子元素是指被包含在父元素内部的元素。子元素必须在父元素的开始标签和结束标签之间。子元素可以是任何HTML元素，包括其他父元素。父元素和子元素之间的关系可以形成一个层次结构，其中父元素是上层元素，子元素是下层元素。

4、我相信大家都知道CSS规范中有对相邻的节点的margin进行折叠的相关内容，但是可能不知道这个相邻的节点并不仅仅是说兄弟节点。也包含父子节点。

5、浮动了没清理：元素浮动过后，父失去高度包含不住子。

Q4: js可以屏蔽div层后面的点击事件吗

看到你的button是有点击事件的，那麼点击之後没有反应，很大的可能性是你的函数没有写好，你应该贴上的是你的函数。

实现也很简单，但需要注意的是，在点击显示的事件中，需要做阻止事件冒泡的处理，否则就触发页面的点击事件了。

为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

有了event.stopPropagation()；方法，就可以使在点击按钮时不触发下面的body.click事件。在IE下不支持此方法，但可以利用其event.cancelBubble属性设置为true阻止。

关于css设置div不让点击事件和css禁止点击事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。