gpt4 book ai didi

javascript - 鼠标悬停图片有效但对齐?

转载 作者:太空宇宙 更新时间:2023-11-03 19:20:01 25 4
gpt4 key购买 nike

我试图在鼠标悬停时显示图像。它工作正常。但是我得到的图片向下显示,最后一张图片占用了底部的空间。对于在鼠标悬停时显示图片的最后一个文本,我希望图片的底部靠近文本而不是顶部。

HTML:

<td valign="middle" class="table_td td top" style="width: 347px">
<span class="feature_text" style="cursor:pointer" onMouseOver="ShowPicture('Style16',1)" onMouseOut="ShowPicture('Style16',0)" id="a16">Storefront Window Decal</span>
<div id="Style16" style="position:absolute; visibility:hidden; border:solid 0px #CCC; padding:5px">
<img src="images/window-decal-image.gif">
</div>

JavaScript:

function ShowPicture(id,Source) 
{
var vis, elem;

if (1 == Source)
{
vis = "visible";
}
else if (0 == Source)
{
vis = "hidden";
}
else
{
throw new RangeError("Unknown Flag");
}

if (elem = document.getElementById(id))
{
elem.style.visibility = vis;
}
else
{
throw new TypeError("Element with id '"+id+"' does not exist.");
}
return vis;
}

提前谢谢你..

最佳答案

虽然我同意@epascerello 的评论,但您是否尝试过position:absolute;底部:0px;?

编辑:

等等,这会将工具提示的底部与其包含的 position: relative 元素的底部对齐。要将工具提示的底部与容器的顶部对齐,请使用 bottom: 100%

关于javascript - 鼠标悬停图片有效但对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4519257/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com