Ошибка IE7 с вложенными UL и CSS-фильтром

Question

Я не уверен, что это будет легко объяснить, просто не показав вам, поэтому вот пример -

http://jsfiddle.net/46gL8/1/

При просмотре в FF, Chrome и IE8 /9 пример работает как ожидалось.При просмотре в IE7 вложенный UL отображается внутри родительского элемента, несмотря на то, что оба позиционируются абсолютно.Такие вещи, как z-index, не имеют значения, и единственным исправлением было удаление линии filter: из класса теней.

Полагаю, было бы неплохо просто отобразить обычную границу или что-то в IE7, но было бы замечательно, если бы кто-то имел представление!

Answer 1

Похоже, что фильтр обрезает весь контент, который выходит за пределы поля фильтра.Если вы удалите подменю из иерархии главного меню, оно будет работать.См .: http://jsfiddle.net/wyDTQ/

Конечно, я не знаю, как вы строите свое меню, так что это может быть не то, что вы хотите.Тем не менее, это решает вашу проблему.

Answer 2

Кажется, вам нужно только объяснение, а не решение.Все, что вам нужно знать о свойстве фильтра, объясняется в Microsoft по адресу http://msdn.microsoft.com/en-us/library/ms532847%28VS.85%29.aspx,, не дается никакой дополнительной информации о том, почему и как оно работает в определенных сценариях.