使用CSS使用Href Id添加图像

Question

我正在使用wordpress网站，

我需要在Hyper链接之前添加图像，但我没有这样做。

我有这个用于href，我需要这些链接上面的图像

但是我失败了，到目前为止我试图写css是

 background: url("outline.png") no-repeat 6px center;
  width: 100px;
  height: 100px;
  display: block;

但它没有完美呈现，也有一些图像在背景中出现，我也尝试了Z-Index：99999，以显示在上面。

Answer 1

您可以尝试使用：before 元素。以下是基于您网站的代码

a#launch-tab-4:before {
    content: " ";
    width: 100px;
    height: 100px;
    display: block;
    background: #00aa00;
}
a#development-tab-4:before {
    content: " ";
    width: 126px;
    height: 100px;
    display: block;
    background: #eeaaff;
}
a#planning-tab-4:before {
    content: " ";
    width: 100px;
    height: 100px;
    display: block;
    background: #00eeff;
}
a#brainstorming-tab-4:before {
    content: " ";
    width: 100px;
    height: 100px;
    display: block;
    background: #000;
}

它应该是这样的

用图像替换颜色，您可以调整宽度和高度

Answer 2

尝试添加样式 background-size：cover 或 background-size：contains

我希望这会有所帮助