目錄
overflow hidden 改为visible之后会遮挡下面的标签_html/css_WEB-ITnose
代码如下:
<!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>登入後複製
回复讨论(解决方案)
.open { overflow: visible; height: auto; }登入後複製
登入後複製
.open { overflow: visible; height: auto; }登入後複製
登入後複製
谢谢!
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫：如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險：如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間？
3 週前
By DDD
R.E.P.O.保存文件位置：在哪里以及如何保護它？
3 週前
By DDD
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
我如何使用html5＆lt; time＆gt; 元素以語義表示日期和時間？
Mar 12, 2025 pm 04:05 PM
我如何使用html5＆lt; time＆gt; 元素以語義表示日期和時間？
