解決hover顯示邊框時發生抖動的問題

2021-09-24 03:59:40 字數 841 閱讀 8708

當我們用 :hover 選擇器的時候,如果要給滑鼠滑過的元素加上邊框或者加粗邊框的時候,有可能會發生抖動現象(甚至有可能會擠走下面的元素),見下圖:

解決方法:

方法一:提前加邊框。給元素加上 n畫素(想要hover的時候顯示多少畫素邊框就加多少畫素) 的和背景色一樣的邊框(或者乾脆將border的透明度為0,eg: border:1px solid rgba(100,100,100,0) ),hover的時候改變邊框顏色(和透明度)即可

方法二:用padding替邊框先佔位,hover的時候再將位置還給邊框(讓padding與邊框的值此消彼長)。也就是說加入我原本邊框為0,我想實現當hover的時候邊框為3px且不抖動,就可以先設定乙個3px的padding;hover的時候,padding設為0,border設為3px。

解決cardView邊框不顯示

cardview現在非常常見,經常被用來當作ry,listview的item使用。處理邊框對新手來說比較困難。現在介紹下面一種方式 而應該使用 具體 如下 只需新增兩行 即可 2dp true 下面是完整 android layout width match parent android layou...

當td為空時怎樣顯示其邊框

之前總結了下如何用 css 來實現 table 的 border bordercolordark bordercolorlight 的邊框明暗效果,然後有問我為什麼他寫了乙個類似的 css 樣式,但只能在 opera 下正常看到 的邊框效果,ie 下則什麼也沒有。下了個 opera9 一看,確實如此...

讀取日誌時發生亂碼的解決方法

一般寫程式出現亂碼時,在標頭檔案寫以下語句就會解決亂碼問題 if msc ver 1600 pragma execution character set utf 8 endif可是,此次讀取日誌時,此方法不管用,然後上網查了一下 解決讀取日誌時發生亂碼問題方法如下 qfile file z fsw1...