关于在IE67的 z-index 问题

寓言s 2014-11-01 08:46:00



  <div class="sidebara cf" id="side">

         <ul>

            <li class="in">

               <a href="###" >学科新闻</a>

               <p>

                 <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">11</a>

               </p>

            </li>

            <li><a href="###">学科新闻学科</a></li>

            <li class="in"><a href="###">学科新闻学科</a>

                     <p>

                 <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">ggg</a>  

                   <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">学科建设</a>

                 <a href="">11</a>

               </p>

            </li>

            <li><a href="###">学科新闻</a>





            </li>

            <li><a href="###">学科新闻</a></li>

            <li><a href="###">学科新闻</a></li>

            <li><a href="###">学科新闻</a></li>

            <li><a href="###">学科新闻</a></li>

            <li><a href="###">学科新闻</a></li>

         </ul>

      </div>



.sidebara{border:1px solid #C8C8C8;_width:724px;padding: 8px 20px;margin-top: 18px;}



.sidebara ul li{list-style-type: none;float: left;*display: inline;position: relative;margin-right: 6px;margin-bottom: 5px;padding: 2px 10px;}

.sidebara ul li a{color:#2F2F2F;font-size: 15px;display: block;white-space:nowrap;padding: 0 16px;}

.sidebara li.in a{background: url("../images/icon1.png") right center  no-repeat;}

.sidebara ul li p{display: none;position: absolute;top: 23px; left: -1px;background: #fff;border:1px solid #DAD9D9;text-align: center;line-height: 32px;z-index:4;padding: 0 28px;}

.sidebara  li p a{font-size: 14px;display: block;height:32px;line-height:32px;background: #fff!important;text-align: center;padding: 0;}

.sidebara  li p a:hover{font-weight: bold;text-decoration: underline;}