background-image：phpを使用する方法

background-image：url（）をphpと組み合わせて使用すると、表示したい画像のディレクトリを得ることができます。background-image：phpを使用する方法

CSS

.imageGallery { 
width: 960px; 
position: relative; 
background-image: url('<?php bloginfo("template_directory");?>/images/visitus.png'); 
}

現在、このCSSは動作しません。背景画像は表示されません。

HTMLたとえば

<div class="imageGallery"> 
</div>

は：

これは細かい

<img src='<?php bloginfo("template_directory");?>/images/home.png' class="headImage" />

動作しますが、これはない

background-image: url('<?php bloginfo("template_directory");?>/images/visitus.png');

2017-06-06 HFHaunter

Webサーバーのエラーログ？ソースを見ると、期待どおりのディレクトリがレンダリングされていますか？そのディレクトリに直接アクセスするとファイルをロードできますか？ home.pngが動作する場合、私はあなたの背景画像を一時的に試みます。 – mkaatman

あなたのCSSファイルはどこですか？根で？ –

あなたが試すことができますを行いますこの2つのオプションが怒鳴る

CSS

.imageGallery { 
width: 960px; 
position: relative; 
background-image: url('images/visitus.png'); 
}

2番目のオプションを使用する場合は、あなたがのためにあなたのCSSルールから背景画像のURLを削除する必要が

<div class="imageGallery" style="background-image: url('<?php bloginfo("template_directory");?>/images/visitus.png')"> </div>

インラインCSSとHTMLその要素。それはそれはあなたのCSSファイルがあり、同じ場所にあなたのCSSファイルと画像ファイルを置いて、

background-image: url("frame.jpg");

それとも、ルートフォルダから起動する/使用することができます下にしてみてくださいどこにdepenteds

2017-06-06 19:44:48

何か間違っていますか？あなたが言及した最初の解決策を試していますが、イメージはまだ表示されません。 http://imgur.com/a/mBzQL – HFHaunter

あなたの画像パス '../ images/visitus.png'が異なっています。最初の解決方法ではあなたのパスから' ../ 'を削除します。私はいつもワードプレスのテーマの場合にこれを使用します –

に役立ちます願っています。 visitus.pngのための404を示す

background-image: url("/frame.jpg");

2017-06-06 19:55:43

答えて