Html 当鼠标位于下拉菜单上时调整Css封面图像大小

我的网站有问题，我创建了一个css菜单，它是一些元素的下拉菜单。我用图片作为封面。当我将鼠标放在下拉菜单的某个元素上时，盖子的位置会发生变化。我的测试站点是。

当您将背景图像设置为覆盖时，它将填充整个元素，通常是指定给它的HTML或正文。如果元素的大小发生变化，这将发生变化-例如，如果调整浏览器窗口的大小，背景图像将调整大小以适应它

下拉菜单中的某些内容导致网站设计水平溢出，即在某些滚动时，设计略有变化，因此设计比浏览器窗口略宽。这又会创建一个水平滚动条。水平滚动条占据了浏览器窗口的空间，有效地调整了它的大小。这就是为什么你的封面背景图像正在调整大小——虽然它们看起来很相似，但实际上并没有改变位置

---

如果您能确定菜单中出现水平滚动条的原因，就可以解决问题。

您能更好地解释一下哪里出了问题吗？当我停留在下拉列表上时，事情看起来是对的？你所说的封面是什么意思？你好，艾琳，似乎这并不是所有浏览器都会出现。。。我已经测试过它的铬和封面断裂。当我在Mozilla甚至IE上测试它时，所有的功能都像一个符咒…尝试，而不是使用封面，将高度和宽度设置为100%。据我所知，Cover是CSS3的一个属性，可能不是所有浏览器都完全支持它。还有一点好的建议，总是在google it上运行重置CSS。它从元素中删除标准填充、边距等。许多浏览器根据自己的喜好设置属性，从长远来看，这会严重影响样式：您好，谢谢您的回答。似乎这并不是所有浏览器都会出现。。。我已经测试过它的铬和封面断裂。当我在Mozilla甚至IE上测试它时，一切都像一个魔咒。。找不到我的div有什么毛病。。。我对Css和html有点陌生…您好@user3193190-每个浏览器呈现页面的方式都会略有不同。您的代码本身可能没有什么问题，只是反复尝试，让它们看起来尽可能接近对方。如果你让它在诸如Chrome和Safari这样的webkit浏览器中看起来不错，那么它在Firefox中也可能看起来不错，尽管IE中的情况可能会不太正常。然而，为了解决这个问题，你可以使用条件语句来添加一些额外的校正css，只用于IE。