Javascript Html<；i>；标记按钮不能完全单击

我为我的网站做了一个广告。我使用html和css中的标记来设计它。我使用javascript使其可点击，但有一个问题。只能单击菜单按钮的第一行。我注意到，当我进入我网站上的Inspect元素时，它会发生变化：

`.box-shadow-menu {
    position: absolute;
    padding-right: 1px;
    width: 25px;
    height: 20px;
    cursor: pointer;
}` 

到

然后，如果我粘贴了正确的代码，它就会正常工作

函数视图显示1（）{
var x=document.getElementById（“ViewCountDisplay”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

下面的

/*菜单按钮*/
.box阴影菜单{
位置：绝对位置；
右侧填充：1px；
宽度：25px；
高度：20px；
光标：指针；
}
.box阴影菜单：之前{
内容：“；
位置：绝对位置；
光标：指针；
右：0；
顶部：0.25em；
宽度：1米；
高度：0.15em；
背景：黑色；
框阴影：
0.25em 0 0黑色，
0.5微米0.0黑色；
}
.设置按钮1{
位置：绝对位置；
右：25px；
顶部：8px；
填充：9px 10px；
z指数：1；
宽度：10px；
高度：10px；
光标：指针；
}

嗯，我真的不知道。在mac上的chrome上为我工作。如果您将

top:0/right:0

值添加到框阴影菜单，而不仅仅是：：before，会发生什么情况？（因为我的回答不好，我只是删除了它，并认为我应该在这里继续对话！）@RoseRobertson嘿！我想知道我是否能看到你的完整代码，我想看看我是否能得到你的结果。如果它工作，那么我就会知道我的代码中还有其他东西影响菜单！谢谢我实际上只是在运行您直接从stackoverflow粘贴的代码@Rose Robertson我最终还是按照你的第一个建议成功了，我不知道为什么它没有立即成功。谢谢你的帮助！

`.box-shadow-menu {
    position: absolute;
    padding-right: 20px;
}`