没有填充时,CSS不透明度悬停会延迟

时间:2013-05-27 15:58:26

标签: html css hover padding opacity

<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的东西都不起作用。

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

感谢您的帮助。

0 个答案:

没有答案