html - 使用 CSS1 如何将鼠标悬停在图像上并将其与不同的图像交换？

Question

我被 ANT 强制使用这个名为 Fresco 的浏览器。在它的规范中说它可以处理 CSS1。所以我正在尝试创建一个包含图像的链接，当鼠标悬停在上面时，图像会发生变化。

我试过:

<td width="30% valign="top" align="left">
<a href="someFilePath"><div id="changeImage"></div></a>
</td>

我的 CSS 如下:

#changeImage{
background: url(somefilepath1);
width: 218px;
height: 52px;
}

#changeImage:hover{
background: url(somefilepath2);
}

它在 Chrome、Firefox 等中运行良好...但在这个名为 Fresco 的笨拙浏览器中，它根本不显示图像。我什至不确定这是否被认为是 CSS1 批准的？我用谷歌搜索并找到了 CSS1 样式，但没有任何东西可以准确定义我想要做什么。任何网络专家对我有什么建议吗？

Answer 1

听起来它在读取 psuedo :hover 时遇到了问题。从技术上讲，这是在早期实现的，仅与 anchor 一起使用。我相信 Internet Exploder 6 仍然只对 anchor 元素提供 :hover 支持。这很快就被更改为支持页面上的所有元素。

我会说，尝试使用已经加载背景的 Sprite 表并更改此元素的背景位置。无论如何，这将是最佳做法，因为您将立即采取行动，而不是触发服务器请求并让用户等待新内容到达。

这里有更多关于该技术的细节，CSS1 确实支持背景位置元素 https://developer.mozilla.org/en-US/docs/Web/CSS/background-position