jquery - 如何在 javaquery 中将弹出窗口和图像绑定(bind)在一起？

Question

我已经从以下来源下载了一个 javascript 日期时间选择器

http://www.rainforestnet.com/datetimepicker/download/sample.zip

我将此文件拖到我的 asp.net 表单中。 现在点击日历图像，日历弹出位置

position: absolute; 
left: -1px; 
top: 0px; 
width: 208px; 
border: 1pt solid rgb(0, 0, 0); 
padding: 0px; 
cursor: move; 
background-color: rgb(255, 255, 255); 
z-index: 100;

表示在页面的开头。 我如何将其位置设置为日历图像的边界，即无论放置此图像的位置，弹出窗口仅出现在该图像上

Answer 1

如果将绝对位置与 top 和 left 一起使用，则该位置在页面上是绝对的。 但 如果您在具有 position:relative 的元素中使用 position absolute，则该位置是该元素的绝对位置

不要使用 top 和 left 或尝试:

<div style="position:relative">
   <img src="images2/cal.gif" onclick="javascript:NewCssCal('demo1')" style="cursor:pointer"/>
</div>