桌行切口的背景图象自己入一半

Question

我有一个名为logo的表行类，其属性为

.logo { background: url("img/logo.png") no-repeat left top !important; }

现在我确实在每一行的左上方都有一个图像，但我想在这里完成的是将图像移出table row，使图像的一半在`table和一半它在桌子外面。

我把班级改为

.logo { background: url("img/logo.png") no-repeat -12px top !important; }

并获得表格行中一半的图像，但表格外部的图像部分消失（无法看到）。

我尝试过使用z-index，position属性，但没有任何效果。有人可以指导我如何获得必要的行为吗？

NB：在Firefix 20.0.1中对其进行测试 感谢

Answer 1

我认为你可以通过这个技巧实现这个目标：你永远不会看到背景，因为它没有空间来显示...解决方案自然会通过设置<tr>中的填充来进行填充显示背景图片。但是，如果您将<tr>设置为display，display:block;只会获得填充。

我终于使用了这段代码：

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

这是working fiddle。

希望这有帮助！