css按钮按不了的原因有哪些

今天小编给大家分享一下css按钮按不了的原因有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。 css按钮按不了是因为图层覆盖，导致按钮没法使用，其解决办法：1、打开相应HTML和CSS文件；2、将p和span标签各增加相对定位为“position:relative;”；3、在span中增加优先级为“z-index: 1;”即可。关于float属性导致button按钮无法点击问题的解决思路问题描述：有两个标签p和span，p位于span上层，button位于span中，当点击button的时候，button没有动作。部分代码HTML代码

{{chapter.title}}

添加小节
编辑
删除

{{chapter.title}}

添加小节
编辑
删除

CSS代码

.chanpterListp{
float:left;
font-size:20px;
margin:10px0;
padding:10px;
height:70px;
line-height:50px;
width:100%;
b免费云主机、域名order:1pxsolid#3568cd;

}
.chanpterList.acts{
float:right;
font-size:14px;
}

如图此添加小节按钮无法使用之前没细看，用网上的的方法，将.chanpterList p中的 float: left;注释掉，因为图层覆盖，导致按钮没法使用，果然起作用了，也没多想。但是当有了下面显示小节的组件的时候，样式就不对了，完全乱了。这才回过头来看问题仔细看发现，p标签在span上面，导致span里的组件没法使用，那就提升span的优先级，把span定位在最上层就好了，现在p和span中各增加相对定位position: relative;再在span中增加优先级z-index: 1;，完成！！成功以上就是“css按钮按不了的原因有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云技术行业资讯频道。

相关推荐: vue双向绑定的订阅器怎么实现

这篇文章主要介绍“vue双向绑定的订阅器怎么实现”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue双向绑定的订阅器怎么实现”文章能帮助免费云主机、域名大家解决问题。 在Vue.js中，双向数据绑定是其最为重要也是最具…