CSS背景不起作用

Question

I have a problem. I try to add background to a table cell but doesn't work.

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

and HTML:

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

Answer 1

You have specified a relative path name here - which is probably why the image isn't loading. Remember that relative paths work relative to the CSS file, not to the page. For example:

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

If this were your folder structure you would need:

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

This is because the image is one level up relative to the css file . Hope that helps you figure out the correct path!

Answer 2

Use a pure link to your image eg. http://yoursite.com/img/left-up.png