Javascript-форум - jquery не работает в IE8

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - jquery не работает в IE8 (https://javascript.ru/forum/jquery/37764-jquery-ne-rabotaet-v-ie8.html)

jquery не работает в IE8

Всем, привет!

Создала меню, применила .hover() и .animate(), везде работает, кроме IE8.
Не могу понять почему, помогите разобраться

Применила версии Jquey 1.9.1/
1.7.2

<!doctype html>
<html>
<head>
<title>Плавный переход hover с фоном</title>
<script src="jquery-1.9.1.min.js"  type="text/javascript"></script>

</head>
[JS]
<script type="text/javascript">
	jQuery(document).ready(function(){
			
		$("span").hover(
  function () {
	
	$(this).animate({
		
		'opacity' : 0.5
		
	}).stop(true,true).fadeTo(500,1);
  },
  function () {
  
    $(this).animate({
	'opacity' : 1
	}).stop(true,true);
  });

			
	});
</script>
[/JS]
<style type="text/css">
	li{
		list-style:none;
		margin-bottom:10px;
	}	
	span{
		background:#369;
		padding: 5px 10px 7px 10px;
	}
	a{
		text-decoration:none;
	}
	#menu{
	width:100px;
	background:#ffcc00;
	padding:10px}
</style>
<body>

<div id="menu">
  				<ul>	
  						<li><a href="#"><span>Текст1</span></a></li>
						<li><a href="#"><span>Текст2</span></a></li>
						<li><a href="#"><span>Текст3</span></a></li>
						<li><a href="#"><span>Текст4</span></a></li>
				</ul>		
<div>				
</body>
</html>

Цитата:

Сообщение от Nailya

'opacity'

в ИЕ8 нет такого CSS-свойства

хотя попробуйте добавить span'у CSS-свойства

span{
        background:#369;
        padding: 5px 10px 7px 10px;
        display: inline-block;
        zoom: 1;
}

Получилось)))ура)
Спасибо Вам огромное,devote!

Еще один вопрос, я добавила

span{
	        background:#369;
	        padding: 5px 10px 7px 10px;
	        display: inline-block;
	        zoom: 1;
	}

Но в IE теперь текст мерцает, а в остальных браузерах только фон меняется, а текст статичный. Это заметно, если span'у добавить color: #000;
Как можно сделать текст для IE 8 не мерцающем,а статичным?

Цитата:

Сообщение от Nailya

Но в IE теперь текст мерцает

это не мерцание, это ИЕ так обрабатывает альфа каналы и искажает вектор, от этого избавиться вряд ли получится... Таков уж ИЕ. Да вы особо то и не старайтесь писать под ИЕ8, те кто на нем сидит, сами дураки.

единственное решение, которое я смог сейчас найти, это отключить сглаживание полность у элемента, добавив CSS-свойство для span'а:

filter: Alpha(opacity=100);

Тоже вариант.

Спасибо!