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

书签预览：打开你的页面，复制到地址栏，回车：

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

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