背景图像在thead中不起作用（css）

Question

我无法在thead中设置背景图片。

HTML：

    <div class="section4">
    <div class="container">
        <table class="mytable">
            <thead>
                <td class="f">F</td>
                <td class="p">P</td>
                <td class="e">E</td>
            </thead>

     .... snipped ....

如果我首先在CSS中设置背景颜色，它可以工作：

thead .e {
  color: #5fc98d;
  background-color: #000000;
}

现在，只要我将CSS更改为以下内容，我什么都得不到：

thead .e {
  color: #5fc98d;
  background: url("img/ent-star.png") no-repeat;
}

仅供参考，图像是50px X 50px绿色星。

Answer 1

以下是为了证明您的代码有效，问题出在您的图片路径中： https://jsfiddle.net/brbh1wfp/

thead .e {
  color: #5fc98d;
  background: url("http://placehold.it/50x50") no-repeat;
}

建议：您的img文件夹可能与文件夹中的文件夹不在同一级别。尝试添加：../以上一个目录。否则尝试绝对路径。

引用this文章：

  

以下是您需要了解的相关文件路径：

     

  
• 以＆＃34; /＆＃34开头;返回根目录并从那里开始
  
• 以＆＃34; ../"开头;向后移动一个目录并从那里开始
  
• 以＆＃34; ../../&# 34开头;向后移动两个目录并启动   那里（依此类推......）为了向前迈进，先从第一个开始   子目录并继续前进。
  

Answer 2

你试过吗

background: url("/img/ent-star.png") no-repeat;
background: url("../img/ent-star.png") no-repeat;
background: url("../../img/ent-star.png") no-repeat;

似乎你没有选择正确的路径

在这里查看工作演示：

https://jsfiddle.net/ro4w3otr/