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

Css 背景按钮显示在切换按钮的顶部,css,stylesheet,Css,Stylesheet,我有一个问题: 正如您所见,我的弹出窗口并没有隐藏IE9页面上显示的两个按钮,但在Mozilla上运行良好。我的CSS样式上有一个切换按钮: .Test.toggle-button { background-image: url("../../../images/expand16.gif"); background-position: left top; background-repeat: no-repeat; float: left; heig

我有一个问题:

正如您所见,我的弹出窗口并没有隐藏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">

付款说明:
现在的
往年

这里出了什么问题?

可能是一个z指数问题。您是否可以尝试给出弹出式容器元素
位置:relative
z-index:9999

这可能是本机呈现问题:IE9使用Windows按钮;这些由正常HTML渲染器之外的窗口渲染


尝试用看起来像按钮的东西替换按钮(例如,用图像样式的链接)。

这是一个位置:相对故障。修好了,成功了。谢谢大家:)

编辑您的问题,并向我们展示用于添加切换按钮的HTML。你使用哪种HTML元素?是的,请看一看。