未阻止时无法点击链接
Links not clickable when not block
我有一个包含链接的 html 列表。由于某些原因，当列表项设置为 display:inline 或 display:inline-block 时，链接不可点击且列表项上的悬停状态不起作用。只有当列表项设置为 display:block 时，链接才可单击并且悬停状态有效。
这是一个 jsfiddle 演示问题。
这是一个 jsfiddle 列表项设置为阻止且链接可点击的列表。
如何将列表项设置为 display:inline 并且仍然可以正常使用？
我实际上没有发现任何问题，但这听起来像是一个折叠边距问题。尝试将 a 标签设置为 display: block，然后将其父 li 设置为 display: inline-block
我想我可能已经解决了你的问题。 （尽管我必须承认完全没有 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">
希望对您有用！ :)
我有一个包含链接的 html 列表。由于某些原因，当列表项设置为 display:inline 或 display:inline-block 时，链接不可点击且列表项上的悬停状态不起作用。只有当列表项设置为 display:block 时，链接才可单击并且悬停状态有效。
这是一个 jsfiddle 演示问题。
这是一个 jsfiddle 列表项设置为阻止且链接可点击的列表。
如何将列表项设置为 display:inline 并且仍然可以正常使用？
我实际上没有发现任何问题，但这听起来像是一个折叠边距问题。尝试将 a 标签设置为 display: block，然后将其父 li 设置为 display: inline-block
我想我可能已经解决了你的问题。 （尽管我必须承认完全没有 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">
希望对您有用！ :)