<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 的任何东西都不起作用。
为什么填充会影响不透明度的时间？如何在不更改填充的情况下使其“立即”消失？
谢谢你的帮助。