我有一个问题,我无法找到解决方案。
我在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)有没有办法扭转我的转变?
答案 0 :(得分:0)
我的例子可能不一定是答案:重新格式化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}}图片和文字。
如果您需要更多信息,请发表评论。如果您确实需要更多信息,我可能需要您提供更多信息。