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

在我的asp.net webform页面我有一个简单的形式与一个单一的inputfield和一个提交按钮。当启动发布请求，然后将鼠标悬停在提交按钮上时，浏览器停止显示加载状态（进度条消失，出现“完成”标签，并且选项卡中的加载动画再次成为站点图标悬停与IE7背景图像停止加载指示

我有能够向下缩小错误的followihg CSS规则：

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

在下面的HTML

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

在我看来，IE浏览器发起请求来获取图像，然后利用了这个状态新的请求作为总体状态我不'没有线索如何证明这一点。有任何想法吗？

UPDATE
按钮类使用的所有移到网页上，我们无法知道它们的尺寸上提前。因此，使用嵌入多个状态的@teresko图像所建议的单个背景不是一种选择。

UPDATE
它似乎也在IE的其他版本中。一些研究似乎指向了Doctype（目前它是quircks，因为asp.net webforms 3.5并不严格遵守）

来源

2011-05-02 Boris Callens

+1我不知道，但我很好奇知道答案！ – pixelbobby 2011-05-02 15:18:45

您是否尝试在按钮的正常和：悬停状态下使用相同的图像，只能改变鼠标悬停的图像位置？有点像在this example。

这应该至少解决部分问题。

来源

2011-05-02 15:30:17

这是一个很好的建议，但我们不知道我们的按钮会多久（翻译，各地的标签变化等）。 – 2011-05-03 08:41:28

如果您的元素长度未知，那么只需使用两部分：[滑动门]（http://www.alistapart.com/articles/slidingdoors/）方法..只需使其与上述解决方案一起使用即可。只要记住半透明度，图像位置和IE7不能很好地一起玩 - 只是假透明度。 – 2011-05-03 12:18:22

哦，我的。在按钮上悬浮背景图像的滑动门？你是对的，因为这将是一个解决方案，但是对于我们得到的回报，这太过分了。 IE用户将不得不忍受一个古怪的浏览器。感谢您的建议:) – 2011-05-03 14:39:07

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

回答

相关问题