Question

有！我被一个简单的CSS下拉了。您可以在下面的链接中看到代码。我的问题是，当我在用户名之前放置一些链接时，由于将鼠标悬停在下拉列表中，因此无法使用它。我需要仅在将鼠标悬停在用户名上而不是整个#userdrop div时触发下拉列表。请注意，z-index属性不是我的解决方案。

http://k-prim.biz/ttpm/demo.html

Answer 1

这是因为#user的绝对定位。失去了，并切换到浮动：右边，有一些边距（或某些东西），这应该自行解决。

改变这个：

#user{
    position:absolute;right:30px; top:5px;  
    text-align:right;
    width: 202px;
    overflow: hidden;
}

对此：

#user{
    float:right;right:30px; top:5px;  
    text-align:right;
    width: 202px;
    overflow: hidden;
}

我刚刚将position:absolute更改为float:right，除了需要对边距进行微小调整外，它的效果非常好。

Answer 2

根据此代码替换css和anchor标记

#link {
    display: block;
    height: 20px;
    position: absolute;
    right: 124px;
    top: 5px;
}





#user {
    overflow: hidden;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 5px;
    width: 202px;
    z-index: -1;
}



<a href="#" style="display: block; height: 28px; text-align: right; width: 76px;">Link here</a>

有小提琴http://jsfiddle.net/7jexs/2/

css下拉问题

2 个答案: