糟糕的Css设计导致第三方菜单混乱的图像和LI标签

Bad Css Design causing third party menu to mess the images and LI tags

本文关键字：图像混乱 LI 标签菜单 Css 计导第三方更新时间：2023-09-26

你好，我在网站上工作。在添加第三方菜单css或Jscript时，它会扰乱我网站的<li>标签。

我在某个地方读到我的div标记应该在css中正确关闭。但是我浪费了两天时间却无法做到这一点。我尝试了Jscript菜单和CSS菜单，但它们似乎都把一切都搞砸了。

这是网站的链接。。您可以在default.aspx页面上看到三个大图像已经停止滑动。此外，在gallery.aspx页面中，图像如我在那里用的菜单不一样。

网站主页链接：http://gkainc.somee.com/default.aspx

图库链接（正在工作）：http://gkainc.somee.com/gallery.aspx

我正在添加css文件的一部分。请看一下这个。

css可以在网站的资源中看到。

原因是您的div #menuh-container是巨大的，并且具有比其他元素更高的z索引，这意味着它出现在它们之上。您可能会注意到，您也无法突出显示搜索字段。

你应该给你的其他元素一个比菜单容器更高的z索引，这样它们就在上面分层，或者更好地编辑你的菜单容器，使其更小（理想情况下只是实际菜单的大小，而不是更大）。

希望能有所帮助。

您的问题是animated-menu.css的第16行。您将margin: 40em设置为将菜单相对于屏幕左侧定位（为什么不使用position:absolute;right:0？），这会在菜单底部添加巨大的空白，使菜单掩盖图像，阻止点击。

如果将其更新为margin-left: 40em，则会消除多余的余量并更正问题。