导航栏悬停效果+带有子导航的图像

Question

我需要创建一个响应式导航栏，该导航栏会在悬停时更改子类别的图像。 （加载了图像的子类别）

Answer 1

您可以使用:hover选择器并更改其背景。

.your-div {
    background-image: url("orig.png");
}

.your-div:hover {
    // new image on hover
    background-image: url("on-hover.png");
}