背景职位问题

Question

在 this page I"ve been working on forever，我有这个栏目，标题为“Bid x Ask”：http://www.sellmycalls.com/so-bg-pos.png

在每个单元格背景中都应该有一个条形图，用于传达单元格中数字之间的比率。

所以在每个单元格中我都有一个 background-color: gray;和背景图像：全白；。我无法在灰色背景上正确定位（足够大）图像。事实上，在目前的版本中，图像根本没有出现。

如何正确设置图像的背景位置？列中顶部

的样式如下：

   <td class="main_td bxa bxa_val"
   style="background-color: #ecf1ef;
          background-image:url('http://www.sellmycalls.com/pics/cell/bxa-white.png');
          background-repeat:repeat-x repeat-y;
          background-origin: 0px 0px;
          background-attachment:fixed;
          background-position:53px 0px;
     -moz-background-position:53px 0px;
  -webkit-background-position:53px 0px;
   -khtml-background-position:53px 0px;
  -o-user-background-position:53px 0px;">
    <div>&nbsp;543 x 470</div></td>

非常感谢您的帮助！

【问题讨论】：

Answer 1

您的图像是 49x1px，我认为它正在显示，但是，使用 Firebug，您的 TD 显示的样式为 background-repeat:repeat-x; X 而不是 Y，如您在上面的示例代码 sn-p 中所示。

更新：

试试

style="background-color:#ecf1ef;
       background-image:url('http://www.sellmycalls.com/pics/cell/bxa-white.png');
       background-position:50px 0px;
       background-repeat:repeat-y;"

• 您无法调整图像的尺寸，因此 (1) 始终使图像至少与 TD 本身一样宽（即宽于 49 像素）并始终使用背景图像作为右侧栏和背景左侧栏的颜色。我希望这一切都清楚

Answer 2

您的图片路径似乎不正确。但是每个单元格的div 子元素都有一个背景颜色规则，所以这个颜色覆盖了<td> 的任何背景