ワードプレスサイトの上にあるdiv定数をイメージに置く

Question

私はWPのサイトを持っています。

iPhoneのアクセサリーをチェックする場所になると私はそれがiPhoneの外観を持ってほしい。

私は喜んでいる背景を作ったが、iphoneのlookalikeものの "フレーム"がすべての時間とコンテンツのスクロールするとWPの下に表示されます。

私のWPはここにある：私は

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

画像の白い部分がとても透明である：

http://www.metalagency.com

と私が上になりたい画像はこちらその領域にWpサイトを表示したい。

私はここで何か意味がありますか？

申し訳ありませんが、それは愚かなqですが、私はどこでも答えを見つけることはできません。

私はいくつかのCSSスタイリングをする必要があることを理解していますが、どこに置くべきかわかりません。

Plsはスロースウェーデンを支援します。

Thanx。

// R

Answer 1

ブックマークレットプレビュー：、あなたのページを開き、ロケーションバーにコピーし、Enterキーを押します：

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; 
}