这有点棘手，因为我正在使用php来输出我的内容，这是很多代码。
如果你去http://www.nunchycrut.com#nav=resources&rsc=articles&year=2014，你会看到2014年列出的文章 - 只有一个名为记忆通道。
当您将鼠标悬停在链接上时，它似乎无法正常工作。鼠标悬停时链接带有下划线，但似乎您必须单击实际的水平下划线才能跟踪链接，如果单击文本则无法使用。
页面上的所有其他链接（橙色）都是使用相同的类创建的，这只会出现在文章列表中。
这是输出文章链接的PHP部分：
<div
style='position: relative; float: left; margin-top: 0px; margin-left: 4px;'
onclick='showArticle(\"" . $strY ."\", \"" . $arrLines[4] . "\");'
>
<b>" . $arrLines[1] . " -- </b>
<a
href='#nav=resources&rsc=articles&year=" . $strY . "&art=" . $arrLines[4] . "'
>
" . $arrLines[0] . "
</a>
</div>
$ arrLines [0]包含实际文章名称（memorylane）。我一直在玩这个有一段时间试图搞清楚，这是其他链接工作正常的事实。我以前从未见过这个超链接，任何人有任何线索吗？
我可以发布css类代码，但我认为这不是问题，就像我说的那样，该类正在全部使用而没有问题（例如2014年和2015年的文章存档链接）。
这不是浏览器上的一个大问题，但是我用我的手机进行了测试，由于这个问题很难打开那个特定的链接/
我确实尝试在实际的超链接中使用onclick =''属性，如：
<a
href='#nav=resources&rsc=articles&year=" . $strY . "&art=" . $arrLines[4] . "'
onclick='showArticle(\"" . $strY ."\", \"" . $arrLines[4] . "\");'
>
" . $arrLines[0] . "
</a>
但它仍在做同样的事情。在所有浏览器中都会发生任何想法或解决方案。
感谢。
答案 0 :(得分：1)
您需要进行2次更改（删除浮动：左侧）：
<p class="ContentReg" style="position: relative; margin-top: 0px; margin-left: 4px;" onclick="showArticle("2014", "memorylane");">
<b>November 12, 2014
-- </b>
<a href="#nav=resources&rsc=articles&year=2014&art=memorylane">
A trip down memory lane.
</a>
</p>
并更改（删除职位：亲属）
<p class="ContentSmall" style="float: right; margin-top: 8px; margin-left: 10px; margin-right: 4px; text-align: right;">
By <font color="#6495ED">Nunchy
</font>
</p>
答案 1 :(得分：-1)
删除段落标记的内联样式中的position: relative。
<p class="ContentSmall" style="/* position: relative; */ float: top; margin-top: 8px; margin-left: 10px; margin-right: 4px; text-align: right;">
答案 2 :(得分：-3)
您的超链接需要来自：
href='#nav=resources&rsc=articles&year=" . $strY . "&art=" . $arrLines[4] . "'
为：
href='#?nav=resources&rsc=articles&year=$strY&art=$arrLines[4]'
当你使用带引号的双引号（“）时，它会回显变量，但是如果你使用带引号的单引号（'）它将按原样回显文本。
构建PHP的超链接时，请记住：
？ - 表示您正在设置页面变量