Javascript 激动人心的。您还需要在nav元素上设置position:relative，并给出z-index大于0的任何值。它应该会起作用

body，html{
身高：100%；
保证金：0；
字体大小：16px；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：400；
线高：1.8em；
颜色：#666；
}
导航{
位置：相对位置；
z指数：1；
} 
.pimg1、.pimg2、.pimg3{
位置：相对位置；
不透明度：0.7；
背景位置：中心；
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
}
.pimg1{
背景图像：url（“https://images.pexels.com/photos/374870/pexels-photo-374870.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
最小高度：100%；
}
.pimg2{
背景图片：url（“street.jpg”）；
最小高度：400px；
}
.pimg3{
背景图片：url（“aus.jpg”）；
最小高度：400px；
}
.科{
文本对齐：居中；
填充：50px 80px；
}
.剖面灯{
背景色：#F4；
颜色：#666；
}
.剖面灯{
背景色：#282e34；
颜色：#ddd；
}
.ptext{
位置：绝对位置；
最高：50%；
宽度：100%；
文本对齐：居中；
颜色：#000；
字体大小：27px；
字母间距：8px；
文本转换：大写；
}
.ptext.border{
背景色：#111；
颜色：#fff；
填充：20px；
}
.ptext.border trans{
背景色：透明；
}
@介质（最大宽度：568px）{
.pimg1、.pimg2、.pimg3{
背景附件：滚动条；
}
}
a{
文字装饰：无；
}
保险商实验室{
边际：0px；
填充：0px；
列表样式：无；
}
ulli{
浮动：左；
宽度：200px；
高度：40px；
背景色：透明；
不透明度：.8；
线高：40px；
文本对齐：居中；
字体大小：20px；
}
ullia{
文字装饰：无；
颜色：白色；
显示：块；
}
悬停{
背景颜色：蓝色；
}
ulli ulli{
显示：无；
}
ul li：悬停ul li{
显示：块；
}

Paralex网站演示



显示
中央处理器
公羊
冷却系统


预制计算机

笔记本电脑
台式计算机


联系人

初学者网站
第一节

洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。受排斥的动物必须是体内的液体，而驱避剂则不包括体内的液体，它们是全方位解决方案的最大来源。除真实照明外，其他所有的分子都是在同一个位置上，即在同一个位置上，在同一个位置上，必须在同一个位置上，在同一个位置上，使用不同的铜酸盐。共和国是世界上最伟大的共和国，它是全方位的、理性的、透明的。这句话的意思是“自由的洞察力”，意思是“解决方案”。这是一种真正意义上的爱。这是一个合理的时间条件。

图2文本
第一节

植物、小白鼠、驱虫剂（不包括小白鼠）、全方位解决方案下的最大体细胞。除真实照明外，其他所有的分子都是在同一个位置上，即在同一个位置上，在同一个位置上，必须在同一个位置上，在同一个位置上，使用不同的铜酸盐。共和国是世界上最伟大的共和国，它是全方位的、理性的、透明的。这句话的意思是“自由的洞察力”，意思是“解决方案”。这是一种真正意义上的爱。这是一个合理的时间条件。

图3文本
第一节
Lorem，ipsum dde omnis Reiciens soluta。除真实照明外，其他所有的分子都是在同一个位置上，即在同一个位置上，在同一个位置上，必须在同一个位置上，在同一个位置上，使用不同的铜酸盐。共和国是世界上最伟大的共和国，它是全方位的、理性的、透明的。这句话的意思是“自由的洞察力”，意思是“解决方案”。这是一种真正意义上的爱。这是一个合理的时间条件

初学者网站

nav {
    position: relative;
    z-index: 1;
}

ul li {
    background-color: transparent;
}