無法點擊DIV下的鏈接

Question

我有我的標誌，其DIV跨越屏幕的100％。這意味着我不能點擊我的鏈接，因爲它與他們重疊我已經嘗試z-index，但不知道我還能做什麼？

這裏是我的意思的例子：

HTML

<div id="header"> 
        <div class="login"> 
         <div class="login-text"> 
          <a class="login-a" href="/index.php?route=account/login">Login</a> 
          | 
          <a class="login-a" href="/index.php?route=account/account">View Account</a> 
          | 
          <a class="login-a" href="/index.php?route=account/logout">Logout</a> 
         </div> 
        </div> 

        <?php if ($logo) { ?> 
        <div id="logo"><a href="<?php echo $home; ?>"><img id="la-logo" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div> 
        <?php } ?> 
       </div> 

CSS

#la-logo{ 
display: block; 
margin: 0 auto; 
max-width: 100%; 
    } 
.login{ 
    width: 290px; 
    height: 40px; 
    background-color: #FFFFFF; 
    text-align: right; 
    padding-right: 0px; 
    float: right; 
display: inline-block; 
} 
.login-text{ 
padding-right: 50px; 
padding-top: 10px; 
font-family:'quicksandlight'; 
} 
    .login a{ 
    color: #000000; 
padding-right: 0px; 
#header #logo { 
position: relative; 
top: 5px; 
margin: 0px auto; 
} 

Answer 1

您需要提供代碼，默認情況下，除了瀏覽器以外，指定的僅有width: 100%;的div元素，默認樣式不會導致它重疊鏈接。

只需將z-index屬性添加到元素不會使其工作，元素也必須定位，您可以嘗試position: relative;。

但是，在這種情況下你不應該有重疊的元素，你的代碼會幫助我們做得更好。

Answer 2

的z-index不與靜態positionning元素工作 Add

position: relative; 

到你的鏈接，你應該沒問題。

Answer 3

您可以使用指針事件：無爲您的div點擊。

喜歡的東西this：

HTML

<button class="bad">click me</button> 
<div class="bad"></div> 

<button class="good">click me</button> 
<div class="good"></div> 

CSS

div.bad { 
    background: rgba(0, 0, 0, .25); 
    height: 100px; 
    position: absolute; 
    width: 100px; 
} 

button.bad { 
    position: absolute; 
} 

div.good { 
    background: rgba(0, 0, 0, .25); 
    height: 100px; 
    left: 200px; 
    pointer-events: none; 
    position: absolute; 
    width: 100px; 
} 

button.good { 
    left: 200px; 
    position: absolute; 
} 

和有點JQuery的

$('button').on('click', function() { 
    alert('clicked'); 
});