悬停与背景图像停止在IE7中加载指示

时间:2011-05-02 15:16:18

标签: css internet-explorer hover http-post

在我的asp.net webform页面中,我有一个带有单个输入字段和提交按钮的简单表单。当启动发布请求然后将鼠标悬停在提交按钮上时,浏览器将停止显示加载状态(进度条消失,“完成”标签出现,选项卡中的加载动画再次成为网站图标。

我已经能够将错误缩小到跟随css规则:

.button:hover {  
    background-image:url("/content/images/buttonHoverGradient.jpg");  
}  

在以下html上

<input type="submit" class="button" title="Select a provider" value="Select">

在我看来,IE启动了获取图像的请求,然后将此新请求的状态作为整体状态。我不知道如何证明这一点。有什么想法吗?

更新
按钮类在整个页面中使用,我们事先无法知道它们的尺寸。因此,使用@teresko图像建议的单个背景并且嵌入了多个状态不是一种选择。

更新
它似乎也在IE的其他版本中。一些研究似乎指向了Doctype(目前这是一个怪癖,因为asp.net webforms 3.5并没有真正实现严格要求)

1 个答案:

答案 0 :(得分:1)

您是否尝试在按钮的正常和悬停状态下使用相同的图像,并且仅在鼠标悬停时更改图像的位置?有点像this example

这至少可以解决部分问题。