为不同页面添加不同背景

时间:2017-02-25 作者:Sasha

我正在尝试为WordPress网站上的每个页面添加不同的背景图像。共有5页,一页有三个子页。

我正在使用Enfold Theme, 但我看不到在主题选项中添加完整背景图像的简单方法。

我有简单的自定义CSS插件,并尝试根据页面ID添加背景图像:

body.page-id-54
{
background-image:url(\'http://plusquotes.com/images/quotes-img/cool-pictures-  24.jpg\');
background-repeat:no-repeat;
background-attachment:fixed;
}
但这似乎不起作用。如何在每页上获得全屏背景图像?有没有可以工作的插件?谢谢

1 个回复
SO网友:filipecsweb

如果您说您的CSS选择器是否正常工作或正常工作,但图像没有出现,这将非常有用。您也没有明确说明您的图像应该出现在整个页面(页眉、内容和页脚)的后面,还是仅仅出现在内容的后面。

无论如何,Enfold添加了background-color 几乎每个HTML标记的属性,包括<body>, <div id="main"><div id="av-layout-grid-1"> 这意味着为了让图像出现,必须将某个标记的背景色属性设置为transparent.

试试这个,告诉我们它是否适合您:


body.page-id-54 #main {
    background-color: transparent;
    background-image: url(\'http://vignette1.wikia.nocookie.net/disney/images/f/fa/Captain-America-AOU-Render.png/revision/latest?cb=20150208173400\');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
}

body.page-id-54 div#av-layout-grid-1 {
    background-color: transparent;
}

相关推荐

Remove <p></p> after images

我对<p></p> 出现在my之后的标记<img....>. 以下是我在本地主机上查看生成的页面时显示的内容。。。<img src=\"/wp-content/themes/wunderful/assets/images/feedback-danielle.png\" alt=\"Danielle Johnson Deal Town FC Treasurer\"> <p></p> 请注意随机生成的<p>&