首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我在Wordpress二十七中通过CSS添加了"background-image“:不显示

我在Wordpress二十七中通过CSS添加了"background-image“:不显示
EN

Stack Overflow用户
提问于 2018-03-01 20:57:58
回答 3查看 2.6K关注 0票数 0

我想通过CSS添加我自己的背景图像来覆盖Wordpress的二十七个标题图像。但是,它只显示为空白...这是body的html:

代码语言:javascript
运行
复制
<body class="page-template-default page page-id-5 logged-in wp-custom-logo has-header-image page-one-column title-tagline-hidden colors-light page-soins" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" cz-shortcut-listen="true">

下面是我的CSS来禁用wordpress的标题图像:

代码语言:javascript
运行
复制
.page-soins .wp-custom-header {
display: none;

}

下面是我的CSS来添加我的背景图片:

代码语言:javascript
运行
复制
body.page-soins {
    background: url("images/backgrounds/soins-bg-1.jpg") no-repeat center center fixed;
    background-size: cover;
}

最后,这里是该页面的链接:www.http://latelierdegaia.ch/soins/

有人能帮上忙吗?非常感谢!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-03-01 21:04:31

代码语言:javascript
运行
复制
.site-content-contain

代码语言:javascript
运行
复制
.site-mast-head

两者都有

代码语言:javascript
运行
复制
background-color: #fff;

覆盖了你的background-image

票数 1
EN

Stack Overflow用户

发布于 2018-03-01 21:02:40

我找到了一个可以解决的办法!但确实起到了作用。我只是将CSS背景图像添加到"site-header“类,而不是"body”类。

代码语言:javascript
运行
复制
body.page-soins .site-header {
    background: url("images/backgrounds/soins-bg-1.jpg") no-repeat center center fixed;
    background-size: cover;
}
票数 0
EN

Stack Overflow用户

发布于 2018-03-01 21:05:32

您只需从.site-header类中删除background-color: #fafafa;即可。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49050238

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档