css - 将图像放在 wordpress 网站上的 div 常量中

Question

我有一个 WP 网站，我正试图拉皮条。

这将是一个检查 iPhone 配件的地方，我希望它具有 iphone 的外观。

我做了一个我很满意的背景，但我想把背景图片放在整个页面上，这样我所做的 iphone 的“框架”看起来像我所做的事情一直可见，WP 的内容滚动时会在它下面。

我的wp在这里:

http://www.metalagency.com

我想放在最上面的图片在这里:

http://www.metalagency.com/wp-content/themes/twentyeleven/images/testdiv.png

图像的白色部分是透明的，所以我希望 wp 站点在该区域可见。

我在这里有什么意义吗？

抱歉，如果这是一个愚蠢的问题，但我似乎没有在任何地方找到任何答案。

我知道我需要做一些 css 样式，但我不确定把它放在哪里。

请帮助一个慢速的瑞典人....

谢谢。

//R

Answer 1

Bookmarklet 预览:打开您的页面，复制到地址栏，按回车键:

javascript:sa=document.styleSheets;sa[sa.length-1].insertRule('#page { background: transparent; height: 700px; overflow: scroll; }');

您应该首先创建一个简单的子主题(如果您不想修改后的 twentyeleven 主题被自动更新覆盖):http://codex.wordpress.org/Child_Themes#The_required_style.css_file并将所有修改放在那里。

示例 style.css:

/*
Theme Name:     myPhoney theme
Template:       twentyeleven
*/

@import url("../twentyeleven/style.css");

#page {
  background: transparent;
  height: 700px;
  overflow: scroll;
}