当前位置：首页 → 问答吧 → 弹出层被挡住,请问怎么修改css代码?

弹出层被挡住,请问怎么修改css代码?

时间：2010-05-27

来源：互联网

应该怎么修改呢?才不会被挡住

复制内容到剪贴板

代码:

<div class="index_top_2">
                     <ul>
                        <li><a href="/UserManage.aspx">My Account </a></li>
                        <li><a href="">Need Help</a> </li>
                        
                        <li onmouseover="showMenu('Curreny',1)" onmouseout="showMenu('Curreny',0)"><a href="#">Currencies</a></li>
                              <dl id="Curreny">
                                 <dd>123</dd>
                                 <dd>123</dd>
                                 <dd>123</dd>
                                 <dd>123</dd>
                              </dl>
                     </ul>
                  </div>

CSS代码:

复制内容到剪贴板

代码:

.index_top_2 {
    WIDTH: 380px; BACKGROUND: url(../images/indexx_03.jpg) no-repeat left top; FLOAT: left; HEIGHT: 30px; FONT-WEIGHT: bold
}
.index_top_2 UL {
    PADDING-TOP: 5px
}
.index_top_2 UL LI {
    TEXT-ALIGN: center; MARGIN-TOP: 1px; WIDTH: 126px; BACKGROUND-POSITION: left center; FLOAT: left
}
.index_top_2 UL LI DL {
    Z-INDEX: 9999; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 100px; DISPLAY: none; BACKGROUND: #fafafa; BORDER-TOP: #999999 1px solid; TOP: -1px; RIGHT: -172px; BORDER-RIGHT: #999999 1px solid
}

作者: SOSOS 发布时间: 2010-05-27

我也不太清楚，加个　position:absolute;　试一下

作者: happy175 发布时间: 2010-05-27

我试过,加了之后弹出层就压根不见了(不显示)...

作者: SOSOS 发布时间: 2010-05-27

1. DL不能直接嵌套在UL里
2. .index_top_2 UL LI DL 仔细看看这个选择器, dl是在UL里外面没有LI了.
3. Z-INDEX: 9999; 这个属性只有position值为relative,fixed,absolute的时候才起作用
4. 加position:absolute以后层不见了? 给父级加position:relative;试试.

PS: 用运行代码的代码更方便别人查看你的代码
[html] 需要运行的代码 [/ html]

[ 本帖最后由 4321285 于 2010-5-27 17:22 编辑 ]

作者: 4321285 发布时间: 2010-05-27

还是不行......不知有没有类似的效果..这个是摸索地做出来的...

作者: SOSOS 发布时间: 2010-05-27

是被什么元素挡了...可以加框架

作者: iaw2001200 发布时间: 2010-05-27