锚标记与背景图像自动高度来为零

Question

我的css：

a.red, object, embed {
    display: inline-block;
    background-image:url(/bowties/red.png);
    background-size: contain;
    background-repeat:no-repeat;
    width: 100%;
    height: 30%;
}

我的Html：

<a class="red"/>

我想要的是让图像自动调整大小，以便将其用作菜单项。一个在下一个之上，依此类推。如果我将它们保存在一个包裹在锚中的图像标签中，那么“height：auto;”作品。我想把它们变成精灵，这就是我把它拉出来的原因，但我希望这些可以根据屏幕的大小进行缩放。提前谢谢！

Answer 1

根据我的理解，这是不可能的。

我找到了一个资源，只是让我添加了一个相对大小的“填充”图像。一个空白占位符导致div获得高度和宽度，然后可以在容器重新调整大小时重新调整大小。一点点黑客，但工作。