由于某种原因，此元素（菜单元素）在网站 (XXXXXXXXXXXXXXXXX.com) 上不可单击，但仅在主页上不可单击。该元素在其他页面和编辑器中运行得非常好。我无法指出是什么原因导致它在主页上损坏。我正在使用 Chrome 的调试器进行检查，但仍然没有找到问题，更不用说如何解决它了。问：导致此问题的可能原因是什么？您认为解决问题的良好起点是什么？网站：www.somewhatmystical.com菜单元素： https://www.w3schools.com/code/tryit.asp? filename=GD13CSPL7EEC<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <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; }
3 回答
ITMISS
TA贡献1871条经验 获得超8个赞
它是可适应的。它在功能上的问题确实是关于显示。您可以更改显示高度，但您还应该尝试更改菜单中子元素的样式
<script>
function openNav() {
document.getElementById("myNav").style.display= "contents";
}
function closeNav() {
document.getElementById("myNav").style.height = "none";
}
</script>
30秒到达战场
TA贡献1828条经验 获得超6个赞
将其放入 a 中div，并将 div 放置在右上角position: absolute，然后onclick向其中添加监听器。确保它有一个width和height。
要确认它正在单击，您可以将 a 设置console.log为初始事件处理函数。
- 3 回答
- 0 关注
- 54 浏览
添加回答
举报
0/150
提交
取消