今天小編給大家分享一下css按鈕按不了的原因有哪些的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、羅莊網(wǎng)站維護(hù)、網(wǎng)站推廣。
css按鈕按不了是因?yàn)閳D層覆蓋，導(dǎo)致按鈕沒法使用，其解決辦法：1、打開相應(yīng)HTML和CSS文件；2、將p和span標(biāo)簽各增加相對定位為“position:relative;”；3、在span中增加優(yōu)先級為“z-index: 1;”即可。
關(guān)于float屬性導(dǎo)致button按鈕無法點(diǎn)擊問題的解決思路
問題描述：有兩個標(biāo)簽p和span，p位于span上層，button位于span中，當(dāng)點(diǎn)擊button的時候，button沒有動作。
部分代碼
HTML代碼
{{ chapter.title }}
CSS代碼
.chanpterList p{
float: left;
font-size: 20px;
margin: 10px 0;
padding: 10px;
height: 70px;
line-height: 50px;
width: 100%;
border: 1px solid #3568cd;
}
.chanpterList .acts {
float: right;
font-size: 14px;
}
如圖此添加小節(jié)按鈕無法使用
之前沒細(xì)看，用網(wǎng)上的的方法，將.chanpterList p中的 float: left;注釋掉，因?yàn)閳D層覆蓋，導(dǎo)致按鈕沒法使用，果然起作用了，也沒多想。但是當(dāng)有了下面顯示小節(jié)的組件的時候，樣式就不對了，完全亂了。這才回過頭來看問題
仔細(xì)看發(fā)現(xiàn)，p標(biāo)簽在span上面，導(dǎo)致span里的組件沒法使用，那就提升span的優(yōu)先級，把span定位在最上層就好了，
現(xiàn)在p和span中各增加相對定位position: relative;再在span中增加優(yōu)先級z-index: 1;，完成??！成功
以上就是“css按鈕按不了的原因有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
重慶分公司
重慶分公司
