0

我有一个带有一些文本的 div 和另一个在文本 div 后面带有一些隐藏按钮的 div，并在需要时向左移动（动画）。

问题是 div 里面的文字向右移动，让按钮 div 不与文字重叠。

在这里查看：http: //clip2net.com/s/2JYBV

如何根据按钮 div 的宽度/大小/位置使主文本 div 的文本不交互？

4

3 回答 3

2 
.a {
    position:relative;
    width:400px;
    height:300px;
    margin:50px 200px;
    background:#000;
    padding:10px;
    color:#fff;
}
.b {
    position:absolute;
    top:10px;
    left:0px;
    width:180px;
    height:290px;
    background:green;
    display:none;
}
.a:hover .b {
    display:block;
    /* left:-150px; */
}

您可以使用 div 的相对和绝对定位来完成您所需的任务。

http://jsfiddle.net/G9Q25/

于 2013-01-22T10:47:40.127 回答
0

尝试为您的按钮 div z-index:2 提供 z-index；

于 2013-01-22T10:57:03.970 回答
0

尝试将以下内容添加到您的定义中：

overflow:hidden;
于 2013-01-22T11:08:31.057 回答