2016-07-13 29 views
1

私のCSSに問題があります。私は自分のウェブサイトの左の部分をスクロールバックグラウンドにしたいと思っています。CSS背景RGBA&BG画像

以下に示すように、RGBAはページ全体をオーバーラップしていますが、背景イメージと重なり合っていなければなりません。グリッドタイル(オーバーレイ画像)も同じです。

これは可能ですか?

CSSでできない場合、HTMLでこの効果を出すことを考えています。 CSSやHTMLの方がいいですか?私はそれをモバイルフレンドリーなものにしておきたいからです。 CSSについては

body { 
 
\t background:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),url("http://i.stack.imgur.com/gP9FG.png") fixed,url("http://placehold.it/180x50") fixed repeat-y; 
 
}


enter image description here

+0

あなたは何が起こっているのか、あなたの希望する効果は何かを写真で投稿できますか? – Adjit

+0

@Adjitスニペットは実際問題です。オーバーレイRGBAと画像は背景画像にオーバーレイされる必要がありますが、ページ全体がオーバーレイされます。もっと説明するために写真を掲載します。 –

+0

ああ、それは 'body'に設定しているので明らかです - あなたは別の背景を設定する必要がある場合、' div'sを設定する必要があります – Adjit

答えて

0

、私はDIVを作成し、そのDIVへの回答スニペットで使用したのと同じ正確なCSSを追加しています。 WordPressの子テーマでのHTMLのために


、私はこのソリューションを作成している:あなたのにこれを追加し、

その後
function before_end_func() { 
    echo '<div class="sidebg"></div>'; 
} 
add_action('before_end', 'before_end_func'); 

はあなたのfunctions.phpにこれを追加footer.php </body>より前のフレームワーク/主題の

do_action('before_end'); 

開発者がフレームワーク/テーマを更新するたびに追加する必要があることに注意してください。