隐藏元素被限高了,怎么办?_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:40:37
Original
1039 people have browsed it

本帖最后由 mixi123456 于 2012-12-31 16:38:11 编辑



.top_b_wrap{ width:100%; height:auto; overflow:hidden;  background:#c9c9c9;}  .top_b{ width:960px; margin:0 auto; line-height:27px;position:relative;}  .top_b_l{ float:left; background:url(images/logo_bg.gif) no-repeat 0 -130px; padding-left:8px;}  .top_b_l a{ padding:0 7px;}  .top_b_r{ float:right; background:url(images/logo_bg.gif) no-repeat 232px -227px; padding-right:19px; height:auto;}  .top_b_r a{ padding:0 12px; float:right;}  #aa{ width:342px ; height:60px; border:solid 5px #000; position:absolute; background:#fff; line-height:60px; text-align:center; z-index:1001; right:0; top:23px; display:none;}
Copy after login

        <div class="top_b_wrap">                <div class="top_b">                         <div class="top_b_l">                                 <a href="#">当前位置:</a><a href="#">首页</a>><a href="#">裸钻</a>                         </div>                                                        <div class="top_b_r">                                 <a href="#" onmouseover="showTopNav('aa')" onmouseout="hideTopNav('aa')">购物车中有0件商品</a><a href="#">注册</a><a href="#">登录</a>                                 <div id="aa">你的购物车中暂无商品</div>                         </div>                  </div>        </div></div>
Copy after login

<script type="text/javascript">function showTopNav(layerName){	eval('document.getElementById('+ "'" + layerName + "'" +').style.display = "block"');}function hideTopNav(layerName){	eval('document.getElementById('+ "'" + layerName + "'" +').style.display = "none"');}</script>
Copy after login

回复讨论(解决方案)

是想让带背景色的wrap的高度为25px;请问应该怎么做,谢谢各位了!

路过 00000000000000

路过............................. 00000000000000

visible:hidden 

.top_b_wrap 删掉  overflow:hidden;

overflow:hidden;会将超过div的部分隐藏掉

我把js放到body里尾部,就可以显示了.但是为什么js放在head不行,百度说是未加载,所以获取的id为空,不知道是不是这样,反正好了.谢谢大家!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!