Html 用CSS制作多级列表
我正在尝试为CSS创建一个多级菜单，但无法将子菜单折叠到主菜单中 出于某种原因，在我用鼠标胡乱移动它之前，它向我展示了所有的选项Html 用CSS制作多级列表,html,css,Html,Css,我正在尝试为CSS创建一个多级菜单，但无法将子菜单折叠到主菜单中 出于某种原因，在我用鼠标胡乱移动它之前，它向我展示了所有的选项 <!DOCTYPE html> <html> <head> <style> body { background-image: url("http://goadvanced.com/wp-content/uploads/2015/11/RicLogoNew_186CMYK-Orangey.jpeg");
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("http://goadvanced.com/wp-content/uploads/2015/11/RicLogoNew_186CMYK-Orangey.jpeg");
background-size: 25%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* hover */
ul li a:hover { background: #2c3e50; }
li:hover > ul {
display: block;
position: absolute;
}
li:hover li { float: none; }
li:hover a { background: #1bc2a2; }
li:hover li a:hover { background: #2c3e50; }
</style>
</head>
<body>
<ul>
<li><a href="#Mercure">Mercure</a></li>
<li><a href="#Impresora / Escáner">Impresora / Escáner</a></li>
</ul>
<li><a href="#Impresora / Escáner">Impresora / Escáner</a></li>
<li><a href="#Impresora / Escáner">Pistolas Tracking</a></li>
<li><a href="#Impresora / Escáner">TPA - TPV</a></li>
<li style="float:right"><a class="active"><script type="text/javascript">
var d=new Date()
var weekday=new Array("Domingo - Dimanche","Lunes - Lundi","Martes - Mardi","Miercoles - Mercredi","Jueves - Jeudi",
"Viernes - Vendredi","Sabado - Samedi")
document.write("Hoy es: " + weekday[d.getDay()])
</script></a></li>
</ul>
</body>
</html>
身体{
背景图像：url（“http://goadvanced.com/wp-content/uploads/2015/11/RicLogoNew_186CMYK-Orangey.jpeg");
背景大小：25%；
背景重复：无重复；
背景附件：固定；
背景位置：中心；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*盘旋*/
ul li a：悬停{背景：#2c3e50；}
李：悬停>ul{
显示：块；
位置：绝对位置；
}
li：悬停li{float:none；}
李：将鼠标悬停在{背景：#1bc2a2；}
li:hover li a:hover{background:#2c3e50；}
var d=新日期（）
var weekday=新阵列（“多明戈-迪曼奇”、“伦斯-伦迪”、“马蒂斯-马尔迪”、“米尔科尔斯-美塞雷迪”、“朱埃夫斯-朱迪”，
“维也纳-文德雷迪”、“萨巴多-萨梅迪”）
document.write（“Hoy es:+weekday[d.getDay（）]））
我尝试添加display:block；在第一个ul中，工作了一点，但不是整个菜单。你不认为，你的HTML都错了吗。。你的
UL脚本