как решить задачу с hover для IE6
Здравствуйте, форумчане!
На сайте под IE6 не работает hover на картинках главного меню. Пробовал так <!--[if lte IE 6]>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$('#block div ').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
</script
<![endif]-->
в стилях прописывал #block:hover div, /* для современных браузеров */
#block.hover div { /* для Internet Explorer 6 */
display: block
}
не помогло, хотя должно было! Кстати у меня и аккодрион тоже не работает и слайдер в баннере, может это из-за частичной поддержки jQuery ослом?! Мне говорили, что jQuery более приспособлен для кроссбраузерности, чем простой js? Подскажите как быть в этих ситуациях. Вот ссылка на сайт. На главной: -вверху слайдер не работает только в IE6/7 -в IE6 не работает hover на основных пунктах меню -внизу страницы аккордеон не работает только в IE6/7 Спасибо за ответы. |
|
nikita.mmf, )) Там уже все нормально. Все исправил и все работает. А здесь я тоже накосячил, с какой-нибудь запятой, да?
Сейчас проверю! Спасибо за ответ! |
Цитата:
|
<!--[if lte IE 6]>
<style type="text/css">
#block {
scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#fff',
onmouseover = function() {this.className += ' hover'},
onmouseout = function() {this.className = this.className.replace(/ hover/g, '')}
);
}
#block.hover div { /* для Internet Explorer 6 */
display: block
}
</style>
<![endif]-->
|
| Часовой пояс GMT +3, время: 15:48. |