hover事件導致閃爍問題

2021-09-29 12:54:59 字數 659 閱讀 9896

今天博主在做前端的時候遇到了乙個特別頭疼的問題:

在拿到乙個已經做了的專案來修改樣式的時候,發現樣式內巢狀了ivew的樣式,導致hover事件出現兩個問題

}

名稱名稱2

年度所在

文號面積

進度} }}}

}}畝

}

這是巢狀了iview的樣式 ivu-row這個樣式:大家可以試試,這是iview的作者寫row和col的樣式,這時候針對ivu-row設定hover事件,就會滑鼠懸浮行變色,剛開始最初的樣式是這樣的

.title
.ivu-row:hover
你會發現titile裡面的文字和x懸浮上去就沒了,此時相信大多數人第一時間想到兩個方案:

1.分別給這兩個盒子設定z-index = 9999

2.給懸浮的樣式設定乙個 z-index = -1

當然第一種辦法肯定還是和原來一樣,一懸浮上去還是依舊消失

第二種方法是可以實現效果的,不過大家會發現乙個bug,就是當你滑鼠懸浮上去的時候會發現閃爍的問題,這是因為你一旦這樣設定滑鼠懸浮就觸發了多次hover,所以導致了閃爍的問題!

此時問題就迎刃而解了!

關於cmos工頻干擾導致的閃爍問題

以國內50hz交流電為例,燈具將是以100hz的頻率波動,在同乙個週期內各個點的亮度不一致。而cmos sensor在 的時候是全域性 或者是區域性 當全域性 時,哪怕 時間相同,也會導致幀與幀的影象亮度不一致,這是由於外界亮度在週期變化導致的,所以眼睛直觀的看到影象閃爍 而區域性 時,同一影象的不...

jQuery中的hover事件

在我們之前學習前端的過程中了解到了很多 的作用,特別是js中所使用的方法,我之前也介紹過很多實用的js方法,今天要給大家介紹的是jquery中的乙個比較特殊的乙個方法 hover 先前說過,我們在程式設計的時候最不想看到的結果是方法效果實現了,但是 量卻出乎意料的繁雜 量大,所以在寫 的時候通常會使...

C Winform頻繁重新整理導致介面閃爍解決方法

一 通過對窗體和控制項使用雙緩衝來減少圖形閃爍 當繪製時出現閃爍時,使用雙緩衝 對於大多數應用程式,net framework 提供的預設雙緩衝將提供最佳效果。預設情況下,標準 windows 窗體控制項是雙緩衝的。可以通過兩種方法對窗體和所創作的控制項啟用預設雙緩衝。一種方法是將 doublebu...