将背景图像添加到帖子中

时间:2017-01-07 作者:user6738171

我正在尝试将背景图像添加到特定的帖子中。我该怎么做?我尝试了下面的代码,但没有成功。提前谢谢。

<div style="background-image:url(IMAGE URL); width: 100%; height: 100%;">

1 个回复
最合适的回答,由SO网友:Leora Deans 整理而成

我可以想象有几种方法可以做到这一点。(我不确定你把问题中提到的代码放在哪里,但如果你想让背景图像是整页的,那么帖子内容的代码本身就不是正确的位置)。

这个答案假定您希望在单个帖子页面上显示背景信息,而不是在主页上的帖子列表中。

如果只有一篇文章需要这样做,请查看单篇文章页面的源代码,并确定哪个“div”(或其他元素)将具有背景。然后,在CSS中,将该元素作为background属性的目标例如,如果特定帖子id为“1234”,则帖子/页面html的结构可能为:

  <body class="post-template-default single single-post postid-1234 ...  >
   <div id="page" class=".... > 
      <header ... >
然后,在CSS文件中,放置:

 .single-post.postid-1234 #page {
   background-image: url("IMAGE URL");
  }
此外,请阅读“background image”属性以确定大小,设置重复属性等。请参阅“background size”CSS属性以确定图像大小,特别是(并注意浏览器兼容性)。

如果个人帖子经常需要独特的背景,请为图像url创建自定义元值。这需要一些php编码来检测和使用每个页面中的图像url。或者,搜索可能提供此功能的插件

相关推荐

定制管理员css的好方法吗?

我已经修改了管理和登录页面上的CSS。但问题是,有时自定义CSS最后加载,这使得更改可见。CSS可以在页面加载期间更改。有没有办法在页面呈现之前编辑CSS?我无法编辑核心和插件文件,因为我希望能够在不破坏它的情况下进行更新。有什么建议吗?