我正在使用插件在我的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作为图像,但它是导致视觉失真而不是图像的元素。
谢谢!
答案 0 :(得分:1)
尝试在CSS中添加以下代码:
.tooltip { height: 24px; }
编辑:你只需要设置列表项的高度(即类工具提示)。
基本上,它会在从likebtn.com
获取CSS时创建结构