Question

我正在尝试在WordPress中使用背景链接css属性选择器，以便在其页面上显示图像http://launique.co.uk/services-float/

首先，我使用了默认图片链接并输入了我上传到媒体库的默认图片的链接：

background: url(http://launique.co.uk/wp-content/uploads/2016/07/fold.gif) no-repeat 0 0;

那不起作用。

经过一些研究后，我在cpanel的子主题文件夹中创建了一个单独的“images”文件夹。

background: url(images/fold.gif) no-repeat 0 0;

但仍无济于事......

这就像代码一样：

.page-services h1::after { 
 content: ''; 
 display: block; 
 height: 40px; 
 width: 40px; 
 background: url(images/fold.gif) no-repeat 0 0; 
}

Answer 1

我检查了您网站上的HTML代码，但我没有在父元素div.page-services中找到H1子元素。因此，您的CSS规则将无效。但是，有一个H3子元素。当我将调试器中的代码更改为.page-services h3 :: after {...}后，图像出现了。

Answer 2

更新：这绝对有用。

.page-services {
  display: block;
  position: relative;
}
.page-services h3::after { 
  content: ''; 
  display: block; 
  position: absolute;
  top: 0;
  left: 0;
  height: 40px; 
  width: 40px; 
  background: url('http://launique.co.uk/wp-content/uploads/2016/07/fold.gif') no-repeat; 
}

背景属性（css）不起作用，图像不显示

2 个答案: