Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Сlickable area тега без дочерних элементов не работает IE (https://javascript.ru/forum/xhtml-html-css/38977-slickable-area-tega-bez-dochernikh-ehlementov-ne-rabotaet-ie.html)

Blizzart 11.06.2013 15:46

Сlickable area тега без дочерних элементов не работает IE
 
Здравствуйте! Уже второй день бьюсь с этой проблемой: во всех версиях IE элементы перестали реагировать на курсор! если в них нет дочерних элементов(только на них срабатывает наведение). То есть на такие теги никак нельзя навести даже через дебаггер. &nbsp; <!---->, background,text-indent и т.п., что я нашёл в интернетах, - бесполезно.
http://online.detishop.ru/ комплексно проблему можно увидеть в блоке "хиты продаж", где не работают стрелки и при наведение на товар, чтобы появилась кнопка "купить в 1 клик". причём из :hover я переделал на js, но результат тот же...
в итоге пока писал вопрос наткнулся на такое решение:
html{height:100%;position:relative;z-index:-1001;}

причем html,body {height:100%;} решило часть проблем, но только эти 2 свойства: position:relative;z-index:-1001; поставили точку в этом вопросе!
получается html перекрывает эти элементы..

ruslan_mart 12.06.2013 19:21

Цитата:

Сообщение от Blizzart
html{height:100%;position:relative;z-index:-1001;}

Зачем вообще странице такой отрицательный приоритет? :blink:

Blizzart 13.06.2013 14:55

Ruslan_xDD,
z-index: -1 тоже подойдёт, а вообще непонятно как это работает...

Nanto 14.06.2013 06:58

Blizzart,
Да у Вас там трэш какой-то в вёрстке! display:table у основного блока, позиционирование, float слева и справа... Хорошо что хоть только в ИЕ глюкнуло (в 6-ом вообще смотреть не рекомендую )))). Переписывать к хренам всё надо, а не костыли лепить. Раскидать на странице левую колонку и контент с каруселькой - хорошему специалисту на час делов. И без кучи "вспомогательных" блоков (там просто ад во вложениях).


Часовой пояс GMT +3, время: 12:44.