Question

我对CSS和HTML有所了解，但是目前正在为我的一个朋友工作。我使用的是Wordpress，他想在标题中添加一张图片，这就是我目前停留的位置。

我了解到，将图像设置为div标签内的背景图像是一种好习惯。我的问题是图像没有显示，所以我假设我使用的路径有错误。插入在线图片时，效果很好。

这是header.php文件中的我的div：

<div id="bottom-header-section"></div>

这是CSS代码：

#bottom-header-section {    
    background-image: url('\images\title.jpg');
    height: 95px;
    width: 613px;
    margin: inherit;
    margin-top: 15%;
    margin-left: 35%;
    background-position: right bottom; 
    background-repeat: no-repeat;
}

如果我完全删除背景图像，可以看到div的大小变小了。我尝试了所有想到的不同方法。

此外，使图像具有响应性的最佳方法是什么？

Answer 1

尝试使用“ ../images/title.jpg”-应该可以使用

Answer 2

这取决于图像和样式表在文件树中的位置。

这是应该读取的路径：

#bottom-header-section { 
    background-image: url('../images/title.jpg');
}

树应该是这样的：

wp-content - themes - your-theme - images - title.jpg - css - style.css

WordPress，背景图片未显示

2 个答案: