Question

我终于在这个页面上使用绝对位置来获取我的徽标，但现在我的＆＃34;一些链接＆＃34;不可点击。我曾尝试将z-index添加到menu_small 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.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>

CSS：

#menu{
width: 100%;
height: 90px;
float: left;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, .82);
margin-right: 60px;
z-index: 1; }

#menu_small{
margin-top: 37px;
font-size: 18pt;
z-index:30; }

#logo{
width: 100%;
height: auto;
position: absolute;
font-size: 38pt;
line-height: 90px;
text-align: center;
z-index: 2; }

.logo{
width: auto;
height: auto; }

Answer 1

它们不可点击，因为它们不是链接（<a>），而是具有href属性的div。

您的HTML应如下所示：

<div id="menu_small" style="margin-left: 10%; float: left;">
  <a href="xxxx.php">Some link 2</a>
</div>

如何使位置绝对可以点击链接？

1 个答案: