如何防止一个元素继续停留/改变位置

我正在用socialite.js创建一个社交按钮的延迟加载效果一切都很好，但是在afterhover之后，按钮有点向上。如何防止一个元素继续停留/改变位置

CSS 
/* 
* Socialite Look-a-like defaults 
*/ 
.cf:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content:" "; 
    clear: both; 
    height: 0; 
} 
* html .cf { 
    zoom: 1; 
} 
*:first-child+html .cf { 
    zoom: 1; 
} 
/* visually hidden from HTML5 Boilerplate */ 
.vhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
} 
.social-buttons { 
    display: block; 
    list-style: none; 
    padding: 0; 
    margin: 00px; 
} 
.social-buttons > li { 
    display: block; 
    margin: 0; 
    padding: 00px; 
    float: left; 
} 
.social-buttons .socialite { 
    display: block; 
    position: relative; 
    background: url('https://lh4.googleusercontent.com/-4P_Yq4L-QXM/UTHWS6CDigI/AAAAAAAAGrU/t4K0HmWUv2U/s194/socialshare.png') 0 0 no-repeat; 
} 
.social-buttons .socialite-loaded { 
    background: none !important; 
} 
.social-buttons .twitter-share { 
    width: 83px; 
    height: 45px; 
    background-position: -145px 0; 
} 
.social-buttons .googleplus-one { 
    width: 65px; 
    height: 45px; 
    background-position: -75px 0; 
} 
.social-buttons .facebook-like { 
    width: 77px; 
    height: 45px; 
    background-position: 0 0; 
} 
.social-buttons .linkedin-share { 
    width: 59px; 
    height: 25px; 
    background-position: -215px 0; 
} 
</style>

我尝试了不少CSS技巧，但在vain.though我没有jQuery的很多知识，我通过socialite.js去了，没有发现任何相关的高度afterhover.Is有什么欺骗元素在相同的地方作出后续的位置。感谢很多。

来源

2013-03-03 Michel

在哪个浏览器中他们上去了？因为在Chrome中一切正常 – 2013-03-03 08:15:00

我使用的是FireFox 19，一切都很美好。后 – xpy 2013-03-03 08:17:53

前 http://img.ctrlv.in/5133081e9637f.jpg http://img.ctrlv.in/513308486124d.jpg – Michel 2013-03-03 08:23:16

我在Mac上使用Firefox 19，并且替换图像的插件的确更高（如果这就是你所指的）。

我试着只是将margin-top:10px添加到.social-buttons > li，这似乎工作？

http://jsfiddle.net/NjuDa/

来源

2013-03-03 08:20:21 Benno

OMG！我最初添加填充顶部，并没有工作，我甚至尝试了保证金顶昨天..在那个时候，效果适用于预加载的图像..........反正....谢谢一吨！ – Michel 2013-03-03 08:26:32

没问题！我惊讶的是，我添加的DID不添加到预加载的图像，当我尝试它...如果它开始推动预加载的图像下来，也许只是把一个边缘顶部上iframe或包装div的东西插入。 – Benno 2013-03-03 08:28:17

哈哈，我重试它，如果你仔细看，按钮仍然上升10个像素.... – Michel 2013-03-03 08:39:06

如何防止一个元素继续停留/改变位置

回答

相关问题