懸停與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背景圖像停止加載指示

回答

相關問題