divcss禁止点击，css禁用按钮

css_浮层禁止击穿(防止可点击浮层下面的元素)

在test.html文件内，在css标签内，使用“*”初始化元素样式，设置外边距和内边距都为0。同时，设置类名为con的div的样式，设置其背景颜色为灰色，居中对齐，宽度为640px，高度为1000px。

\x0d\x0a将它应用到一个元素\x0d\x0a如果你已经设置一个元素的css属性为pointer-events： none。

使用CSS的overflow属性 给浮动元素的容器添加overflow：hidden；或overflow：auto；可以清除浮动，另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置 zoom：1。

不清除浮动的话，浮动层后面的非浮动内容就有可能被浮动层所覆盖，造成版面错乱，所以必须清除浮动。除非浮动层所在的位置是有固定的高度的，也就是说不管是否浮动它所占用的区域都不变，这样就无需清除。

行内元素脱高文档流以后会变成块元素，特点和块元素一样 也就是说，一旦脱离文档流以后，我们就不需要再区分块和行内了。

相关问答

Q1: css实现div禁用效果

1、首先先看一下我们要实现的效果 用到的属性 但是通常我们还会添加 pointer-events： none 来禁用掉对应div 但是这样，问题就出来了--- cursor： not-allowed 这个属性失效了。

2、如图，这是一个带边框的div测是页面。第一个div的边框是这行css实现的效果 border：5pxsolidblack；第二个div没有设置边框样式 第三个div的css设置了边框样式，但被内联样式覆盖为none，因此也能不显示边框。

3、在index.html中的style标签中，输入css代码：button {border：0；width： 200px；height： 80px；background-color： gainsboro； cursor： not-allowed} 浏览器运行index.html页面，此时通过css实现了按钮的禁用样式。

4、并且设置div内的文字颜色为红色（color：red）。使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把div的display属性设置为block，把div显示出来。在浏览器打开test.html文件，查看实现的效果。

5、假设上面div的class为two，下面div的class为one。下面的div文字的颜色设置成transparent。.one{ color：transparent；} 给上面的div设置背景色。

6、我认为可以采用“重写”的方式来实现。内层元素的样式无非只有两种，一种为id或class，一种为style方式；使用js+document.write的方式重写。

Q2: js怎么禁止点击滚动条(仅仅是点击拖动滚动条被禁止,鼠标滚轮是可以用的...

可以通过样式overflow-x来控制横向滚动条的出现与否，语法如下：overflow-x：overflow-style overflow-style = visible | hidden | scroll | auto 默认值：visible 取值：visible： 不剪切内容。

一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后，我也没好用。

可以用js或者css实现。js可以监听鼠标的onscroll滚轮事件，事件内可以阻止鼠标的滚轮默认事件。css可以设置元素的pointer-events属性，设置为none则所有鼠标事件失效。

设置 css overflow：hidden； 就行了。下面参考代码。

在Firefox地址栏里输入“aboutconfig”2在搜索栏输入“javascriptenabled”查找到首选项3点击鼠标右键选择“切换”，把“javascriptenabled”键值改为“false”这样就能禁止JavaScript的运行了。

是控制整个网页的滚动条？在页面下部添加一个锚点比如 再在flash添加一个onclick事件，代码为：onclick=window.location.hash=aa即可。

Q3: ...的点击事件)不兼容。可以用另一种方法代替这个css样式么?

可以在元素被点击时，判断水印是否是 target，如果是进行阻止就行了。根据你提供的JavaScript，都是用于阻止点击事件冒泡的，理论上就是阻止了点击行为。所以你的问题应该是已经被解决才对。

有两种方法：在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。

做鼠标点击事件更改CSS方法：若点击AAA后一直都是none，点任意一个地方都是none. 则把hide，show方法，换成css()，和你上面那样式放进去即可。

css问题a：hover 事件可以用jQuery的hover代替。使用jq替代举例首先要引入jq文件，然后 $(XXX).hover(function(){})；：hover 伪类是在鼠标移到元素上时向此元素添加特殊的样式。这个伪类应用处于“悬停状态”的元素。

是的，这个样式指的就是css样式（a：active {}）定义：alink 属性规定文档中活动链接（active link，也就是a标签）的颜色。

Q4: 怎样让css控制文字禁止换行/强制不换行?

html 强制不换行标签元素：可以用nobr标签来实现。nobr语法 nobr内容/nobr 不换行内容放入nobr与/nobr之间即可。此标签与css white-space功能相同。

上面两个div里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了。

强制不换行 a{ white-space：nowrap； } 再补充说明所有关于换行的CSS样式：white-space： normal|pre|nowrap|pre-wrap|pre-line|inherit；white-space 属性设置如何处理元素内的空白 normal 默认。空白会被浏览器忽略。

在开发系统的过程中，会发现有时界面上一行显示的内容过多，超出了范围占用其他地方，导致页面错乱。在CSS3新加的属性中，有几个属性可以用来控制行内文字换行或者显示省略号。

在浏览器中打开测试页面，可以看到默认div内部的文字就自动换行了。因此，在没有设置强制不换行的情况下，让其自动换行，不需要额外的设置。如果想要div内部的文字强制不换行，使用下面这个css样式即可。

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