Html 如何使用绝对位置使链接可以单击?
我终于用绝对位置在这个页面上找到了我的标志,但是现在我的一些链接无法点击。我曾尝试将z-index添加到菜单的小div中,但没有效果Html 如何使用绝对位置使链接可以单击?,html,css,css-position,Html,Css,Css Position,我终于用绝对位置在这个页面上找到了我的标志,但是现在我的一些链接无法点击。我曾尝试将z-index添加到菜单的小div中,但没有效果 <div id="menu"> <div id="logo"><a class="logo" href="index.php"> THIS IS A SITE! </a></div> <div id="menu_small" href="xxxxx.p
<div id="menu">
<div id="logo"><a class="logo" href="index.php"> THIS IS A SITE! </a></div>
<div id="menu_small" href="xxxxx.php" style="margin-right: 10%; float: right;">Some link 1</div>
<div id="menu_small" href="xxxx.php" style="margin-left: 10%; float: left;">Some link 2</div>
</div>
它们不可单击,因为它们不是链接,而是带有href属性的div 您的HTML应该如下所示:
<div id="menu_small" style="margin-left: 10%; float: left;">
<a href="xxxx.php">Some link 2</a>
</div>
尝试为div id设置绝对位置:logoLink适合我。顺便说一句,z-index只对定位元素有效,所以menu_small中的规则不会起任何作用。还有,id必须是唯一的。安东,部门id:logo已经有绝对位置了吗?j08691,我无法单击您链接的JSFIDLE中的某个链接1或某个链接2。。对你有用吗?感谢您提供有关z索引的提示!我已经更改了,但仍然无法单击。因为你的这是一个网站!链接位于其他链接之上。在CSS中添加位置:相对于菜单的小声明。
<div id="menu_small" style="margin-left: 10%; float: left;">
<a href="xxxx.php">Some link 2</a>
</div>