Question

有一个用于切换div的切换行为的div在div的右下方有一个图像将图像放在右下方我正在使父div位置相对并且绝对设置图像位置但问题出现了当我点击图像切换到切换时图像停留在底部并切换到顶部这个行为只是在ie8 firefox chrome中表现不错

css有点像这样

 .filterPanel
{
 border: 1px solid #fbcb09 ;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radious: 5px;
 position: relative;
 margin: 0;
 padding:0;
 z-index: 1;
}
.toggleCollapse, .toggleExpand
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;

    background-color: #FFF;
    border: 1px solid #FBCB09;
    cursor: pointer;
    padding: 2px 1px 2px 2px;
    position: absolute;
    bottom: -10px;
    right:5px;
    z-index: 1000;
}

过滤器面板是父div和toggleCollapse是我在谈论它的图像是在div（过滤器面板）里面如何解决这个问题

Answer 1

我不确定我理解你的问题，但是负面的利润和相对位置在IE中变得蠢。

考虑一种不同的方法：要将你的toggleCollapse按钮放在底部，忘记位置：相对业务将按钮放在你正在切换的div之后，并将其位置设置为相对位置，顶部：-10px（或其他）。

EG：

<div class="filter_wrapper">
<div class="filter_panel">Some stuff</div>
<a class="toggle">[ toggle me ]</a>
</div>

在ie7中定位绝对和相对问题

1 个答案: