Css 将表格行切成两半的背景图像

我有一个名为

logo

的带有属性的表行类

.logo
{
背景：url（“img/logo.png”）不重复左上方！重要；
}

现在我确实在每一行的左上角得到了一个图像，但我在这里试图完成的是将图像移出

表行

，这样图像的一半在

`表

中，另一半在表外

我把我的课程改为

.logo
{
背景：url（“img/logo.png”）无重复-12px顶部！重要；
}

并获取表格行中的一半图像，但表格外的部分图像消失（看不见）

我尝试过使用

z-index

，

position

属性，但没有任何效果。有人能给我正确的指导，告诉我怎样才能达到要求的行为吗

NB:在Firefix 20.0.1中测试它

---

谢谢

我想你可以用这个技巧做到这一点：你永远看不到背景，因为它没有空间显示。。。解决方案自然通过在

中设置一个填充以使该填充显示背景图像。但是，

仅当您将

显示设置为
显示：块时才获得填充

我最终使用了以下代码：

.logo {
   background:url(whatever.jpg) no-repeat -12px top;
   display:block;
   padding-left:12px;
}

这是一个例子

希望这有帮助
 我想你可能误解了CSS的一些内容，你能在jsfiddle.net上举个例子吗？请不要使用
！重要信息
除非绝对必要。是否希望某个元素的背景显示在元素本身所在位置以外的其他位置？那不行。将图片切成两半，并将其一半用作表格左侧任何内容的背景。当然，背景图像不会显示在元素的尺寸之外…哦！我试图复制一些流行网站（如ebay）所使用的行为，它们在图片上有一些标志，一半在图片上，一半在图片外面。不管怎样，有谁能推荐我可以上传任何图片的网站吗（我为我的问题制作了一个小提琴，但因为我需要它来引用一些图片而被击中）@Jay你可以使用lorempixel.com为你的代码使用虚拟图片；）