css - 如何将重复的平铺图像插入 WordPress 页面或帖子的背景(不是页面背景)？

Question

我一直在摆弄我的Pytheas theme再次。这一次，我试图在我的页面和帖子的背景上插入一个 2 色 gif(适合平铺)。请注意，我不是指的是整个页面的背景。也就是说，应该保持黑色。有问题的站点/示例帖子是 here .

我已经尽可能广泛地调查了我的编码缺陷。目前，我一直在编辑 styles.css 文件。我替换了这个默认代码:

/* Body & Main
================================================== */
body { background: #eee url("images/main-bg.png") repeat; nowhitespace: afterproperty; font: 12px/1.8 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body a { color: #f15a23 } /*main link color*/
body a:hover { text-decoration: none; color: #000 }

用这个修改过的代码，我用我对 CSS 的模糊理解拼凑而成。

body {
  background: url("http://longgame.org/wp-content/uploads/grid-paper-2color-start.gif")  repeat; nowhitespace: afterproperty;
  background-repeat: repeat;
  background-color:rgba(255,255,255,0.0);
  font: 12px/1.8 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; 
}

我的想法是我需要 rgba 位来确保颜色是透明的(以防纹理在它“后面”)。我不知道。我在扔飞镖。也许它在错误的地方。也许这完全是错误的。 :)

我求助于更有资格的人来帮助我。提前感谢您提供的任何指导。

Answer 1

与其设置 body 元素的 CSS，不如尝试在 #main-content 上设置它

还有，你只需要第一行就可以达到你想要的效果:

#main-content {
    background: url("http://longgame.org/wp-content/uploads/grid-paper-2color-start.gif")  repeat;
}