设置Z索引不起作用.容器后面的按钮(HTML - CSS)

Question

我使用Metro css(Windows 8风格)并遇到问题.我有带警报的容器(图中的蓝色),上面有'IT -CENTER',如果我点击那里就打开一个按钮.容器后面的按钮的问题..我尝试将容器的Z索引设置为-1,这没有帮助.

带按钮的下拉列表(IT-CENTER):IT-CENTER

              <li style="z-index:3"><a href="Login.aspx">?????</a></li>
           </ul>
        </div>

容器(蓝色):

 <div id="alerts-container" style="z-index:-1">
         <div id="toast-example1" class="toast toasttext02 fade in">
            <button type="button" class="close" data-dismiss="alert"></button>
            <div class="pull-left">
               <div class="toast-object icon-info-4"></div>
            </div>
            <div class="toast-body" style="text-align:right">

(它没有结束标签..)

我该怎么办？

谢谢!!

Answer 1

1. 你必须设置position:relative你是否正在设置z-index- 这是非常重要的事情,并可能导致你的错误

2. 如果1方法没有帮助,你应该尝试将z-indexes 设置为该按钮的可能父项(可以肯定地说我看不到你的代码)