overflow hidden 改为visible之后会遮挡下面的标签_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:40:13
Original
1519 Leute haben es durchsucht



代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=GBK">        <title>Untitled Document</title>        <style type="text/css">                        a:link, a:visited {                text-decoration: none;				            }                        dt, dd {                margin: 0px;				padding-top:10px;            }                        dl {                height: 27px;								            }            .open {                overflow: visible;            }                        .close {                overflow: hidden;            }        </style>    </head>    <body>        <script type="text/javascript">                  </script>        <dl class="close">            <dt onclick="listMethod(this)">                <a href="javascript:void(0)">显示条目一</a>            </dt>            <dd>显示内容1</dd>            <dd>显示内容2</dd>            <dd>显示内容3</dd>            <dd>显示内容4</dd>         </dl>            <dl class="close">            <dt onclick="listMethod(this)">                <a href="javascript:void(0)">显示条目二</a>            </dt>            <dd>显示条目二内容1</dd>            <dd>显示条目二内容2</dd>            <dd>显示条目二内容3</dd>            <dd>显示条目二内容4</dd>         </dl>            <dl class="close">            <dt onclick="listMethod(this)">                <a href="javascript:void(0)">显示条目三</a>            </dt>            <dd>显示内容1</dd>            <dd>显示内容2</dd>            <dd>显示内容3</dd>            <dd>显示内容4</dd>         </dl>            <script type="text/javascript">            var flag = true;                      function listMethod2(){                            var dlNode = document.getElementById("dlID");//                if (dlNode.style.overflow == visible) {//                    dlNode.style.overflow = "hidden";//                }//                else //                    if (dlNode.style.overflow == hidden) {//                        dlNode.style.overflow = "visible"//                    }                                if (flag) {                    dlNode.style.overflow = "visible";                    flag = false;                }                else {                    dlNode.style.overflow = "hidden";                    flag = true;                }            }                        function listMethod(node){                //var dlNode = document.getElementById("dlID");                //alert(node.nodeName);								var dlNode = node.parentNode;								                if (dlNode.className == "open") {                    dlNode.className = "close";                }                else {                    dlNode.className = "open";                }            }        </script>    </body></html>
Nach dem Login kopieren


回复讨论(解决方案)

            .open {                overflow: visible;                height: auto;            }
Nach dem Login kopieren
Nach dem Login kopieren

            .open {                overflow: visible;                height: auto;            }
Nach dem Login kopieren
Nach dem Login kopieren


谢谢!
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage