CSS HTML 无法点击链接

Question

我有这个页面：http://highvision.vn/haisan/ 左边有链接，但是我点不进去

有人知道为什么吗？

这是我的 CSS:

 .menu {
    background:url(images/menu-bg.png) no-repeat top left;
    width:287px;
    height:492px;
    margin: -20px 0 0 -80px;
    padding: 55px 0 0 60px;


}
.menu div {
    /* Rotate div */
    -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);


}
.menu div {
    margin-bottom: 17px;
}
.menu div a {
    color:#FFF;
    font-family: 'Lobster', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;

}

Answer 1

元素 <div class="pos-5"> 和包装元素的 z-index 高于其他菜单项。您需要为菜单链接设置更高的 z-index（或使元素不遮挡菜单链接）

这 CSS 将把事情按正确的顺序排列：

.wrapper {
    z-index: 0;
}
.menu div {
    z-index: 10;
}

Answer 2

删除 class 中的“z-index” “body”

.body {
    padding: 0;
    position: relative;
}

然后将“position”和“z-index”添加到您的“.menu div

.menu div {
    margin-bottom: 17px;
    position: relative;
    z-index: 5;
}

Answer 3

这是因为您在 div 和 class "body" 中添加了 -1 的 z-index。

CSS HTML 无法点击链接

CSS HTML Cannot click on links

html

css

hyperlink

z-index