javascript - CSS：使背景图像慢慢淡出

Question

我在这里处理遗留代码，不能使用 jQuery、CSS3 或 HTML5。

我正在为 HTML 中的输入字段使用背景图像。我试图在这里实现某种动画，图像最初出现并在“n”秒后慢慢消失。

我拥有的示例 CSS 代码是：

.acceptValue {
  background-image: url('../../images/accept.gif');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 20px;
}

我希望将上面的 CSS 属性应用 'n' 秒，然后它应该消失。

有没有办法让这个在 IE7 和 IE8 中工作？我想要 CSS 定义中的 SetTimeout 之类的东西，其中图像（accept.gif）只出现几秒钟。

请告诉我。