CSS背景不起作用

Question

我有个问题。 我尝试向表格单元格添加背景，但是不起作用。

.price-table td.left-up {
    background: url("img/left-up.png") no-repeat;
    width: 181px;
    height: 118px;
}

和HTML：

<div class="price-table">
  <table>
    <tr>
      <td class="left-up">
        sdst
      </td>
    </tr>
  </table>
</div>

Answer 1

您在此处指定了相对路径名-这可能就是为什么图像未加载的原因。 请记住，相对路径相对于CSS文件而不是页面有效。 例如：

/site
  -page.htm
  /css
    -site.css
  /img
    -left-up.png

如果这是您的文件夹结构，则需要：

background: url("../img/left-up.png") no-repeat;

这是因为图像相对于css文件是上一级的。 希望能帮助您找出正确的路径！

Answer 2

使用纯链接到您的图片，例如。 http://yoursite.com/img/left-up.png