避免鼠標懸停時出現html表格閃爍

我需要避免鼠標懸停時出現html表格閃爍。當某人懸停時，它會顯示一個按鈕，但桌面看起來有點怪異。避免鼠標懸停時出現html表格閃爍

2012-02-07 Chumillas

難道你不能只顯示按鈕的整個時間？他們正在推動高度和寬度並使其「閃爍」。 – Jivings 2012-02-07 15:14:22

我沒有看到任何表閃爍..只有行大小不斷增加，以適應按鈕.. – 2012-02-07 15:15:27

使用mouseenter和mouseleave代替。

jQuery('.myRow').mouseenter(function() { 
    jQuery(this).find('div:first').css('visibility', 'visible'); 
}).mouseleave(function() { 
    jQuery(this).find('div:first').css('visibility', 'hidden'); 
});

，而不是隱藏元素，並將其知名度hidden和鼠標使其visible，這將避免閃爍，因爲在div佔據一定的空間，當你表現出來。隱藏其可見性仍將佔據空間，但不會顯示。

Demo

來源

2012-02-07 15:14:06 ShankarSangoli

謝謝，這是我一直在尋找 – Chumillas 2012-02-07 15:27:56

您需要設置TD的默認高度上連續匹配的最大高度時，多餘的元素被暴露。

因此，「myRow」TD的CSS需要具有45像素的最小高度。

.myRow td { 
    height:45px; 
}

來源

2012-02-07 15:16:32

使td 2px的的填充..或增加行的高度 - TD可容納在按鈕上的藏漢.. 8像素其目前在8像素，因此在causeing的高度的增加行..

來源

2012-02-07 15:18:42

避免鼠標懸停時出現html表格閃爍

回答

相關問題