Question

我正在使用jQuery将span元素滑出（就像它来自图像后面一样）。

如需测试，请转到http://www.sodrie.be/collectie.html并将鼠标悬停在品牌形象上。

span元素定位为'absolute'。当我做亲戚时，它不起作用。

这适用于Firefox，但不适用于Chrome或Safari。关于IE，我不知道;我应该测试一下。

更新02/03/2011

问题是在Chrome中它正在第一页上工作，但是当我滑到第二页时（右边的箭头）。它不在那里工作！

Answer 1

以下是position:relative

的解决方案

http://jsfiddle.net/UeSsu/4/

这应该可以跨浏览器工作。

Answer 2

我想我发现了你的问题。您尚未注意position的规格。

您的网站运行良好，它也显示您的跨度，但在屏幕外。当鼠标悬停在第二页时，IE8甚至会显示一个滚动条。

解决方案：您需要将跨度的父母也设置为某个位置。这是你尚未完成的事情。

所以看着你的结构，你正在使用LI来推动。这些是移动的元素，因此它们应该是父母的大位置。你的结构是这样的：

<div class="sections"> <!-- make this relative, this is your giant parent -->
    <ul>
        <li> <!-- make these relative, your divs should be bound to this -->
            <div class="item"> <!-- make these relative, so your span can be relative to it -->
                <!-- image here -->
                <span class="info_img"><!-- more --></span> <!-- make this relative, because you want to -->
            </div>
        </li>
    </ul>
</div>

如何使用jQuery使span元素从图像后面滑出？

2 个答案: