Question

我正在使用this script在弹出的图像上执行鼠标操作，但脚本会在鼠标右上方显示图像，是否可以设置特定坐标，甚至强制图像为跌到右下角？

/ CSS

  #pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #FFF;
  color: white;
  font-size: 0.95em;
}

// HTML

<a onmouseover="nhpup.popup('<?php echo $q; ?>: <br/><br/> <img src=&quot;../specials/<?php echo $logo; ?>&quot;/>', {'width': 250});">Logo</a>

如果你们需要我提供任何其他代码，我可以，但我认为css就是你所需要的，不确定。另外我想提一下，这个弹出窗口的文本在一个表格行中，不确定是否重要。

Answer 1

所有关于CSS的内容都没有显示演示。

你需要做的是将你的#pup设置为绝对值。（你拥有它，但你没有设置右边和底部）

  #pup {
  position:absolute;
  right: 0;
  bottom: 0; /* this is make your image have a (0,0) coordinate */
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #FFF;
  color: white;
  font-size: 0.95em;
}

有关职位的更多信息：http://www.w3schools.com/css/css_positioning.asp

并且不要忘记使#pup HTML父级设置为相对位置。

例如，如果#pup有这样的HTML：

<div class="parent">
  <div id="pup">
  <!-- This is yours -->
  </div>
</div>

CSS：

.parent {position:relative;}

在鼠标位置css上弹出图像

1 个答案: