#jquery #internet-explorer-9 #effect #slideup
#jquery #internet-explorer-9 #эффект #откат
Вопрос:
Итак, у меня есть список ul, в котором я нажимаю div над ним, а затем переключаю его, чтобы я мог скользить вниз / вверх по списку… но когда я откатываю список в IE9, я вижу этот странный эффект под ним:
это происходит при выдвижении
мой код выглядит следующим образом:
$(".btn").click(function() {
if ($(this).next().is(":visible")){
$(".slide_menu").slideUp("fast");
}else{
$(".slide_menu").slideUp("fast");
}
});
html выглядит следующим образом:
<div class="btn">Button</a></div>
<ul class="slide_menu">
<li><a href="http://domain.com">Link</a></li>
</ul>
Комментарии:
1. Не могли бы вы также опубликовать HTML-код? 🙂
2. нет проблем, смотрите основное сообщение.
3. @fxuser: Можете ли вы также опубликовать свой CSS? Используете ли вы box shadow?
4. Да, box shadow потенциально может все испортить, я имею в виду, что мы говорим об IE ^^
5. Какую версию jQuery вы используете? версия v1.5.1 была первой версией, поддерживающей IE9 . Также в каком режиме совместимости с документами IE9 отображает ваш сайт? Неправильный режим может привести к нежелательным проблемам.
Ответ №1:
Если все, что вы хотите сделать, это переключать его при щелчках, попробуйте это. Немного изменил ваш код, у меня нет IE9, потому что я на Mac, но это должно сработать. Если это все еще не работает. Скажите мне, и я посмотрю, что я могу сделать!
Комментарии:
1. Тогда ваша проблема, вероятно, в css, с тенью окна, я думаю. Если javascript работает должным образом, попробуйте без тени окна и посмотрите, осталась ли у вас та же проблема. У IE, вероятно, есть некоторые проблемы с отображением этого с анимацией и тенью окна.
2. я не использую тень окна, а вместо этого текстовую тень, я удалил ее из css, каждый css из (btn, slide_menu), но он все еще показывает эти странные строки…
3. это был родительский div, который был причиной этого, и на нем была тень от окна .. теперь я должен найти для этого исправление, потому что это немного портит дизайн.. спасибо, ребята
Ответ №2:
Если для height
или 100%
элемента у вас установлен html
css-стиль body
, его удаление может решить проблему с отображением теней в окне IE9. У меня это сработало. Я знаю, IE9 должен был сделать это правильно в первую очередь. Это похоже на ошибку IE9.