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