微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS中的条件背景图片

如何解决CSS中的条件背景图片

我正在WordPress网站上工作,只想为一个特定页面设置不同的背景图片。这是该图像的当前CSS调用

div#header .Box-masthead .title a{
background:transparent url(../images/logo.png) left top no-repeat

如何设置它,以便仅在一个特定页面上将logo-2.png这样的背景图像用作背景图像,而在所有其他页面上都将logo.png保留为背景图像?

解决方法

Wordpress为每个页面提供一个page-id类,该类可以在body标签上找到。看起来像page-id-xxx,其中xxx是数字。我发现您的page-id即可轻松更改该特定页面的背景:

body.page-id-10 {
    background-image: url("../images/logo.png");
}
,

根据WordPress页面ID尝试以下CSS-

.page-id-PAGEID div#header .box-masthead .title a {
    background:transparent url(../images/logo.png) left top no-repeat;
 }

注意:用WordPress中的页面ID替换“ PAGEID”。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。