在wordpress网站上将图像放在div中

Question

我有一个WP网站，我试图皮条客一点。

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

我已经做了一个我很满意的背景但是我想把背景图片放在整个页面上，所以我所做的iphone外观相似的“框架”一直都是可见的和WP的内容滚动时，它下面有gos。

我的wp在这里：

http://www.metalagency.com

并且我想要在顶部的图像在这里：

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

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

我在这里有意义吗？

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

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

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

感谢名单。

// - [R

Answer 1

Bookmarklet预览：打开您的页面，复制到位置栏，按enter：

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

您应首先创建一个简单的子主题（如果您不希望通过自动更新覆盖已修改的二十一主题）：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;
}