如何与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');
答案 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");