CSS位置加載錯誤

Question

我正在使用插件來顯示我的wordpress安裝上的投票按鈕。 插件從外部源（插件所有者站點）加載css。 因爲我不能觸摸那個CSS我使用custom.css來改變按鈕的位置。

問題是，當它加載時，持續1-2秒，包含按鈕的元素將顯示爲扭曲。由於每頁有25個這樣的元素，它看起來很平穩，直到按鈕加載並且我的css生效。 您可以在行動中看到它在這裏：http://theroadmap.co/generation/

這裏是我的按鈕自定義CSS（如果你還檢查我的網站元素）：

.likebtn-wrapper.lb-loaded.lb-style-heartcross.lb-popup-position-top.lb-popup-style-light 
position: absolute; 
text-align: right; 
top: -3px; 
right: 0; 
width: 10%; 

我想知道什麼將是最簡單的方法解決這個問題？我正在考慮做display：none或visibility：隱藏，直到用戶盤旋，但似乎沒有解決問題。我嘗試使用圖像的lazyload，但它是導致視覺失真而不是圖像的元素。

謝謝！

Answer 1

嘗試增加下面的代碼到你的CSS：

.tooltip { height: 24px; } 

編輯：你只需要設置的列表項（即類工具提示）的高度。

基本上，它會創建結構，而CSS從likebtn.com獲取