为什么隐藏了部分图像

Question

看看here。

点击图块后，房子精灵应该附加到此图块并完全显示。图像需要跨越多个图块然而，精灵被相邻的图块覆盖。那是为什么？

.div {
    background: none repeat scroll 0 0 red;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align:top;
    transition: all 500ms ease-in-out;
    cursor: url(house.png) 1 20, pointer;
}

Answer 1

这应该有效：

.div img {
    position : absolute;
}

Answer 2

这是因为瓷砖的尺寸为20x20px - 这比您的PNG小