1

在这个页面上，我一直在努力，我有一个标题为“Bid x Ask”的专栏：http ://www.sellmycalls.com/so-bg-pos.png

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

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

如何正确设置图像的背景位置？列中顶部的 <td> 的样式是这样的：

   <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>

非常感谢你的帮助！

4

2 回答 2

3

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

更新：

尝试

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 像素）并始终使用背景图像作为右侧栏，使用背景颜色作为左侧栏。我希望这一切都清楚
于 2011-07-21T13:27:25.563 回答
1

看来您的图像路径不正确。然而div，每个单元格的孩子都有一个背景颜色规则，所以这个颜色覆盖了任何背景<td>

于 2011-07-21T13:23:22.210 回答