2

我又在摆弄我的Pytheas 主题了。这一次，我试图在我的页面和帖子的背景上插入一个 2 色 gif（适合平铺）。请注意，我并不是指整个页面的背景。也就是说，并且应该保持黑色。有问题的站点/示例帖子在这里。

我已经尽可能广泛地调查了我的编码缺陷。目前，我一直在编辑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位来确保颜色是透明的（以防纹理在它“后面”）。我不知道。我在扔飞镖。也许它在错误的地方。也许这完全是错误的。:)

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

4

2 回答 2

1

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

另外，你只需要第一行就可以达到你想要的效果：

#main-content {
    background: url("http://longgame.org/wp-content/uploads/grid-paper-2color-start.gif")  repeat;
}
于 2013-03-30T04:29:10.607 回答
0

If you don't want the background of the whole page to be affected, but only the background of the WordPress page/post, you shouldn't be adjusting the background properly of the body element in your CSS, which would affect the entire HTML page, but rather of the element for which you want to apply the background, probably #main-content.

Try setting that background property on #main-content near line 24 of your CSS file instead, e.g.

#main-content {
    background: url("http://longgame.org/wp-content/uploads/grid-paper-2color-start.gif")  repeat;
}
于 2013-03-30T04:31:09.617 回答