JS/CSS - 函数 openNav() 不适用于主页（仅）

由于某种原因，此元素（菜单元素）在网站 (XXXXXXXXXXXXXXXXX.com) 上不可单击，但仅在主页上不可单击。

该元素在其他页面和编辑器中运行得非常好。

我无法指出是什么原因导致它在主页上损坏。

我正在使用 Chrome 的调试器进行检查，但仍然没有找到问题，更不用说如何解决它了。

问：导致此问题的可能原因是什么？您认为解决问题的良好起点是什么？

网站：

www.somewhatmystical.com

菜单元素： https://www.w3schools.com/code/tryit.asp? filename=GD13CSPL7EEC

<!DOCTYPE html>

<html>

<head>

<style>

body {

font-family: 'Lato', sans-serif;

}

* {

box-sizing: border-box;

}

.column1 {

color: white;

float: left;

width: 50%;

padding-left: 200px;

padding-right: 100px;

padding-top: 200px;

text-align: right;

font-size: 50px;

height: 575px;

border-right: 1px solid gray;

background-color: black;

}

.column2 {

color: white;

float: right;

width: 50%;

text-align: left;

padding: 10px;

font-size: 22px;

padding-left: 100px;

padding-top: 150px;

text-decoration: none;

height: 575px;

background-color: black;

}

a:link {

color: white;

}

a:hover {

color: #C0A539;

}

.row:after {

content: "";

display: table;

clear: both;

}

慕斯王

浏览 93回答 3

3回答

ITMISS

它是可适应的。它在功能上的问题确实是关于显示。您可以更改显示高度，但您还应该尝试更改菜单中子元素的样式<script>            function openNav() {                document.getElementById("myNav").style.display= "contents";            }            function closeNav() {                document.getElementById("myNav").style.height = "none";            }        </script>

慕虎7371278

问题是：另一个元素使用“.overlay”类，它与菜单元素“.overlay”类冲突。我只是将不同的类重命名为“.overlay1”

30秒到达战场

将其放入 a 中div，并将 div 放置在右上角position: absolute，然后onclick向其中添加监听器。确保它有一个width和height。要确认它正在单击，您可以将 a 设置console.log为初始事件处理函数。

随时随地看视频慕课网APP