css - 表格行的背景图像将自身切成两半

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属性，但没有任何效果。有人可以指导我如何获得所需的行为吗？

注意：在 Firefix 20.0.1 中测试它谢谢

score 1 · Accepted Answer

我认为你可以用这个技巧来实现这一点：你永远不会看到背景，因为它没有空间可以显示......解决方案自然会通过在中设置填充<tr>以使该填充显示背景图像。但是，<tr>只有将设置为才能获得display填充display:block;。

我终于使用了这段代码：

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

希望这可以帮助！

1 回答 1