Question

不确定这是一个javascript问题还是可以用CSS解决。

我正在使用带有文本覆盖滑块的图像，但似乎在页面加载时滑块的开始位置存在一些问题。这是实例，我希望滑块在加载时隐藏，并在翻转时从下面显示。

非常感谢

Answer 1

您只需将初始top值添加到CSS中，如下所示：

.boxcaption{
  top: 240px;     /* add this! */
  float: left;
  ....
 }

这应该可以为您提供所需的初始效果，并且在悬停时它会在第一次悬停时向上滑动。

Answer 2

只需包含设置初始css的行，以便两个.cover div为“隐藏”

$('.boxgrid.captionfull .cover').css('top', 240);

像这样

...
$(document).ready(function(){
    $('.boxgrid.captionfull .cover').css('top', 240);
    //Full Caption Sliding (Hidden to Visible)
...