背景位置问题

时间:2011-07-21 13:18:54

标签: background background-position

this page I"ve been working on forever上,我的标题为“出价x问”: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>

非常感谢你的帮助!

2 个答案:

答案 0 :(得分:3)

我认为您的图片显示的是49x1px,但是,使用Firebug,TD显示的风格为background-repeat:repeat-x; X而非您在上面的示例代码段中显示的内容。< / 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本身一样宽(即宽度超过49px),并始终使用背景图像作为右侧边栏和背景 - 左侧栏的颜色。我希望这一切都很清楚

答案 1 :(得分:1)

您的图片路径似乎不正确。但是,每个单元格的div子项都有背景颜色规则,因此此颜色涵盖<td>

的任何背景