StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHover with background image stops loading indication in IE7
text
Body
copied!<p>In my asp.net webform page I have a simple form with a single inputfield and a submit button. When initiating the post request and then hover over the submit button, the browser stops showing the loading state (progress bar dissapears, the "Done" label appears and the loading animation in the tab becomes the site icon again.</p> <p>I have been able to narrow the bug down to the followihg css rule:</p> <pre><code>.button:hover { background-image:url("/content/images/buttonHoverGradient.jpg"); } </code></pre> <p>on the following html</p> <pre><code><input type="submit" class="button" title="Select a provider" value="Select"> </code></pre> <p>It seems to me IE initiates the request to fetch the image and then takes the status of this new request as the overal status. I don't have a clue how to prove this. Any ideas?</p> <p><strong>UPDATE</strong><br> The buttons class is used all over the page and we cannot know the dimensions of them on beforehand. Therefore using a single background as suggested by <a href="https://stackoverflow.com/questions/5858910/hover-with-background-image-stops-loading-indication-in-ie7/5859054#5859054">@teresko</a> image with several states embedded is not an option.</p> <p><strong>UPDATE</strong><br> It seems to be in other versions of IE too. Some research seems to point to the Doctype (which is currently quircks as asp.net webforms 3.5 doesn't really alow for strict)</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload