CSS位置加载错误

时间:2014-02-08 19:34:37

标签: html css wordpress

我正在使用插件在我的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%;

我想知道解决这个问题的最简单方法是什么?我正在考虑做显示:无或可见性:隐藏直到用户徘徊,但它似乎没有解决问题。我尝试使用lazyload作为图像,但它是导致视觉失真而不是图像的元素。

谢谢!

1 个答案:

答案 0 :(得分:1)

尝试在CSS中添加以下代码:

.tooltip { height: 24px; }

编辑:你只需要设置列表项的高度(即类工具提示)。

基本上,它会在从likebtn.com

获取CSS时创建结构