При наведении курсора на фоновое изображение перестает загружаться индикация в IE7 - PullRequest
2 голосов
/ 02 мая 2011

На моей странице веб-формы asp.net у меня есть простая форма с одним полем ввода и кнопкой отправки. При запуске запроса на публикацию и последующем наведении курсора на кнопку отправки браузер перестает отображать состояние загрузки (индикатор выполнения исчезает, появляется ярлык «Готово», а анимация загрузки на вкладке снова становится значком сайта.

Мне удалось сузить ошибку до следующего правила 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 (который в настоящее время извращен, поскольку веб-формы asp.net 3.5 на самом деле не подходят для строгих правил)

1 Ответ

1 голос
/ 02 мая 2011

Вы пытались использовать одно и то же изображение как для обычного, так и для: состояния при наведении кнопки, и только изменять положение изображения при наведении курсора мыши? Вроде как в этот пример .

Это должно решить хотя бы часть проблемы.

...