背景按钮显示在切换按钮的顶部

Question

我遇到了这个问题：

正如您所看到的，我的弹出窗口没有隐藏IE9页面上显示的两个按钮，但在Mozilla上工作正常。我在那个切换按钮的CSS样式上有这个：

    .Test.toggle-button {
    background-image: url("../../../images/expand16.gif");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 10px;
    padding-left: 18px;
    white-space: nowrap;
    width: 20%;
}

这就是我的HTML的样子：

 <div class="pay-instruction-labels">
    <div class="pay-instruction-title">
        Payment Instructions:
    </div>
    <span class="current-details toggle-button">Current</span>
    <span class="prior-years-details toggle-button">Prior Years</span>
    <div class="pay-instruction-fields">

这里出了什么问题？

Answer 1

可能是z-index问题。您可以尝试提供弹出式容器元素position:relative和z-index:9999吗？

Answer 2

这可能是本机渲染问题：IE9使用Windows按钮;这些是由Windows在普通HTML渲染器之外呈现的。

尝试将按钮替换为看起来像按钮的按钮（例如，使用图像设置样式的链接）。

Answer 3

这是一个立场：相对错误。修复它，它工作。谢谢大家：）