Question

我想在菜单上有背景图片的情况下执行类似的操作（选中此项以了解https://bellacures.com/）

我找不到方法，所以我使用css在菜单后面插入了图像（这是我正在研究的网站http://www.nailarcade.com

.fw-header .fw-header-main {
   background-image: url("http://www.nailarcade.com/wp-content/uploads/2019/07/Nail-Arcade-Website-Slide-2.jpg");
         background-size: cover;
}
.fw-header .fw-header-main 
{
    height: 900px;
}

现在的问题是我希望图像仅显示在主页上如何在其他页面上隐藏它？

或者还有其他更好的方法来实现菜单图像背景

谢谢

Answer 1

.page_id .fw-header .fw-header-main {

         background-image: none !important;
}

使用页面ID，您可以在特定页面上隐藏图像。

Answer 2

@earid

您的回复很有帮助

但是这以后对我有用

.home .fw-header .fw-header-main {
   background-image: url("http://www.nailarcade.com/wp-content/uploads/2019/07/Nail-Arcade-Website-Slide-2.jpg");
         background-size: cover;
         height: 900px;
}

在特定页面上隐藏自定义菜单背景图片

2 个答案: