Question

我有一个问题，我无法找到解决方案。

我在div中有4个图标，如下所示：

<div class="icons">
     <img id="planung" src="assets/images/charts/ablauf/planung.png" />
     <img id="machbarkeit" src="assets/images/charts/ablauf/machbarkeit.png" />
     <img src="assets/images/charts/ablauf/entwicklung.png" />
     <img src="assets/images/charts/ablauf/innovation.png" />
</div>

现在我上面有文本框，其高度和宽度为0，如下所示：

<div class="ablauftext" id="planungtext">
        ASD
</div>
<div class="ablauftext" id="machbarkeittext">
        ASD
</div>

文本框在图标上显示动画。例如＆＃34; planungtext＆＃34;在图标的左上方对齐＆＃34; planung＆＃34;。图标div的宽度为80％，图标本身通过对齐定位。所以现在我使用jQuery来获取每个图标的位置。现在问题是，该偏移仅获得顶部和左侧位置。现在，当我设置这些位置并添加高度的负边距时，它完美地位于图标的顶部。现在的问题是，当我点击我的图标＆＃34; planung＆＃34;从左上角到右下角。当然，正如我设定的最高价值。

现在有两件事可以使这项工作：

A）有没有办法获得我的图标的底部位置，而不是顶部，要么 B）有没有办法扭转我的转变？

Answer 1

我的例子可能不一定是答案：重新格式化HTML，使你的图标和文字在同一个包含div

<div class="icons">
    <div class="icon">
        <img id="planung" src="assets/images/charts/ablauf/planung.png" />
        <div class="ablauftext" id="planungtext">
            ASD
        </div>
    </div>
    <div class="icon">
        <img id="machbarkeit" src="assets/images/charts/ablauf/machbarkeit.png" />
        <div class="ablauftext" id="machbarkeittext">
            ASD
        </div>
    </div>
    <div class="icon">
        <img src="assets/images/charts/ablauf/entwicklung.png" />
    </div>
    <div class="icon">
        <img src="assets/images/charts/ablauf/innovation.png" />
    </div>
</div>

现在，您可以只删除该部分并显示和隐藏文本div，而不是使用jquery .position()来查找位置。只需position:absolute .icon类内的{{1}}图片和文字。

如果您需要更多信息，请发表评论。如果您确实需要更多信息，我可能需要您提供更多信息。

jQuery底部位置还是过渡反转？

1 个答案: