链接在未阻止时不可单击

Links not clickable when not block

本文关键字：单击链接更新时间：2023-09-26

>我有一个包含链接的html列表。由于某种原因，当列表项设置为display:inline或display:inline-block链接不可单击时，列表项上的悬停状态不起作用。仅当列表项设置为display:block时，链接才可单击且悬停状态有效。

这是一个演示问题的 jsfiddle。

这是一个 jsfiddle，其中列表项设置为阻止，链接可单击。

如何将列表项设置为display:inline并使其仍然起作用？

我想我可能已经解决了你的问题。（虽然我必须承认绝对没有wordpress经验，严格的HTML，CSS和Javascript。在您的 html 中，您遇到了堆栈顺序问题，并且一个元素掩盖了另一个元素。您将标题设置为太大的高度，并且它会阻止主网站内容的顶部，这就是为什么链接在标题部分下方级联之前不可单击的原因。 display:block或display: inline-block与标签的可点击性无关（据我所知）。

当前代码为： <header id="masthead" class="site-header" role="banner" style="height:140px">

将 140 更改为 67，如下所示： <header id="masthead" class="site-header" role="banner" style="height:67px">

我希望这对你有用！:)

我实际上没有看到问题，但这听起来像是一个折叠的边距问题。尝试将a标签设置为 display: block，然后将其父li设置为 display: inline-block

小提琴