用CSS3解決移動端手指點擊或滑動屏幕時出現(xiàn)的淺藍色背景框
2022-06-01 分類： 網(wǎng)站建設(shè)
默認情況下，移動端手機網(wǎng)站當(dāng)手指點擊某元素時，該元素會出現(xiàn)一個淺藍色的背景框，如果是鏈接，點擊完就加載到新的頁面去了，可能感覺不太明顯，但是如果做一些效果，比如手指滑動屏幕的效果，就感覺比較明顯了
因為滑動這個動作細拆開來，就是手指先點擊屏幕某處，然后再進行手指移動，你會發(fā)現(xiàn)被點擊到的元素后邊總有個淺藍色背景，雖然你手指離開后它自己會消失，也不影響大局，但是總會感覺還是不夠好，那么這個問題如何解決呢？
在CSS3中，有一個屬性“-webkit-tap-highlight-color”，我們不想要那個點擊產(chǎn)生的背景框的話，只需要在body樣式中設(shè)置該屬性rgba中的alpha值為0即可，具體寫法如下：
-webkit-tap-highlight-color: rgba(0,0,0,0)
這樣設(shè)置以后，移動端手機網(wǎng)站手指點擊或滑動屏幕時就不會再出現(xiàn)那個淺藍色背景框了，當(dāng)然，如果你想保留這個背景框，而只是改變下這個背景框的顏色，同樣是用該屬性，修改對應(yīng)rgba即可。
新聞名稱：用CSS3解決移動端手指點擊或滑動屏幕時出現(xiàn)的淺藍色背景框
網(wǎng)站URL：http://www.rwnh.cn/news24/162124.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、做網(wǎng)站、手機網(wǎng)站建設(shè)、App設(shè)計、全網(wǎng)營銷推廣、ChatGPT
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 無錫網(wǎng)站開發(fā)如何對網(wǎng)頁進行專業(yè)配色效果更好 2022-06-01
- 手機app登錄界面設(shè)計 2022-06-01
- 什么是響應(yīng)式Web設(shè)計？怎樣進行？ 2022-06-01
- 網(wǎng)站robots.txt文件的制作及使用 2022-06-01
- 提高轉(zhuǎn)化率！如何打造一個能留住用戶的進度指示器？ 2022-06-01
- HTML5沒用過的十個功能 2022-06-01
- SEO快速提升增加外鏈的4種方案 2022-06-01
- 關(guān)于網(wǎng)站優(yōu)化中的關(guān)鍵詞 2022-06-01
- 不做百度優(yōu)化推廣，網(wǎng)站依然正常運作技巧 2022-06-01
- 創(chuàng)新互聯(lián)是怎么定制宣傳片的？ 2022-06-01
- 百度搜索引擎是如何判別內(nèi)容的質(zhì)量 2022-06-01
- 網(wǎng)站權(quán)重頁是什么? 2022-06-01
- 網(wǎng)站優(yōu)化是一整套系統(tǒng)工程 2022-06-01
- 色彩怎么運用到網(wǎng)頁設(shè)計當(dāng)中 2022-06-01
- 網(wǎng)站做seo優(yōu)化的意義有哪些？讓你目瞪口呆！ 2022-06-01
- 響應(yīng)式Web設(shè)計技術(shù) 2022-06-01
- 成都網(wǎng)站優(yōu)化有哪些步驟 2022-06-01
- 企業(yè)SEO優(yōu)化網(wǎng)站按照什么思路執(zhí)行能夠?qū)崿F(xiàn)網(wǎng)站快速引流？ 2022-06-01
- 利用企業(yè)網(wǎng)站迅速的助力企業(yè)騰飛 2022-06-01