如何使用background-image:用php

时间:2017-06-06 19:33:17

标签: php html css wordpress

如何与php结合使用background-image:url()以获取我想要显示的图像目录。

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');

2 个答案:

答案 0 :(得分:1)

您可以尝试以下两个选项

CSS

.imageGallery {
width: 960px;
position: relative;
background-image: url('images/visitus.png');
}
带有内联CSS的

HTML

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

如果您使用第二个选项,则需要从css规则中删除该元素的背景图片网址。希望它有所帮助

答案 1 :(得分:0)

它依赖于你的css文件在哪里,把你的css文件和图像文件放到同一个地方,然后尝试下面

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

或者您可以使用/从根文件夹开始。

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

Read this.