html - 没有填充时CSS不透明度悬停延迟

Question

<style>
.test{ background-color: green; opacity: 0; filter: alpha(opacity=0); padding: 0px; }
.test:hover{ opacity: 0.6; filter: alpha(opacity=60); }
</style>

<a class="test">test</a>

我试图在鼠标悬停时将链接的不透明度设置为 0.6，并在鼠标悬停时“立即”消失（不透明度为 0）。

使用上面的代码，mouseout 在消失之前会有轻微的延迟。这很奇怪，因为如果我在类测试中添加 3px 填充，它会立即消失。小于 3px 的任何东西都不起作用。

为什么填充会影响不透明度的时间？如何在不更改填充的情况下使其“立即”消失？

谢谢你的帮助。