html - 我怎样才能在我的页面上只显示背景图像的右/左停止？

Question

我用一个表格来显示几张图片。我需要在第一个 td 元素中显示左半边图像，在第二个 td 元素中显示右半边图像。这是因为有些图像的宽度是其他图像的两倍。我想我使用一个 div 并使用子 div 将此图像设置为前两个 td 元素的背景图像。现在我正在摆弄以使用 css 使其工作。

有什么建议吗？

更新:工作示例:http://jsfiddle.net/BkAcu/2/

Answer 1

使用 background-position: <horizontal> <vertical>其中 <horizontal>和 <vertical>是背景偏移，连同 background-repeat: no-repeat .

设置background-position为负值，将 bg 向左移动。

另请参阅:https://developer.mozilla.org/en/CSS/background-position

示例(假设您的 TD 的宽度为 100px，图像为 200px)；

#td1, #td2 {
    background: url("200.png") no-repeat;
}
#td2 {
    background-position: -100px;
}