Question

我正在处理这个page，我正在尝试在lighbox弹出窗口中添加一个链接，但是当我这样做时它会弄乱图像显示，如页面所示。当图像弹出时，我希望它在这些词下显示（XHTML | Javascript | Jquery | Design | Logo）。有任何想法吗。 HTML如下所示：

    <li><a href="images/huelarge.png" title="XHTML | Javascript | Jquery | Design | Logo<br />
<a href="services.php">Go to site</a>">
        <img src="images/huethumb.jpg" alt="" width="314" height="157" /></a></li>
        <li>

Answer 1

问题是你的Java（或任何使你的“A”链接）在其结构中有错误。因此，您最终得到的标签看起来像

<a servers.php"="> <!--Your Link Text--> </a>gt;"

由于结构不佳，gt;“被添加到DOM而不会被任何元素包裹。无论你在哪里生成它并修复它，都要查看你的结构。

然后，在你的CSS中：

#sampler ul li{
  //everything else that was default stayed the same, add the next line.
  position:relative;
}

现在，让锚定位于绝对位置。它的父级（#sampler ul li）是相对的，因此它将坚持该元素的范围。

#sampler ul li a{
  position:absolute;
  //set your top and left values
  top: value;
  left: value

}

现在，如果您已经修复了标签，那么它们现在看起来很合适，例如：

<a href="services.php"> <!--Your Link Text--> </a>

然后元素将完全定位在LI上并按预期工作，此时您可以按预期设置锚元素的样式并更改顶部和左侧，直到您将它放置在您喜欢的位置。

在llightbox弹出窗口中链接

1 个答案: