我正在尝试为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;
}
但这似乎不起作用。如何在每页上获得全屏背景图像?有没有可以工作的插件?谢谢
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;
}