Проблемы IE9 с CSS, таким градиентным фоном, закругленными углами и тенью

Я использую градиентный цвет фона для выбранных или зависших элементов меню, он отлично работает в chrome, FF, Opera, ie7, ie8. но в ie9 фон элементов появляется справа от элемента, но текст остается на месте, это первая проблема.

вторая проблема, с которой я столкнулся, это закругленный угол, он отлично работает в хроме, FF, Opera, но в ie9 углы в порядке, но фон окна был изображением, но оно кажется белым !!!

третья проблема заключается в том, что тень. Я применяю тень к div, содержащим изображения, она отлично работает во всех браузерах, но ie9 смещает весь div вместо применения тени и изменения непрозрачности при наведении мыши, что увеличивает проблему, добавляя черные части в сторону div, который нет тени???????

когда я услышал, что ie9 поддерживает css3, я понял, что это невероятно, т.е. все еще будет моим кошмаром!!

Я боюсь будущего появления веб-сайта в версии 9, поэтому я добавляю это <meta http-equiv="X-UA-Compatible" content="IE=7.5"/>

когда я использовал IE = 7 или IE = 8, проблема осталась такой же, но знаю, что она выглядит лучше после добавления этой строки, но без поддержки закругленных углов.


gradient css shadow rounded-corners internet-explorer-9
person ahmedsafan86    schedule 25.01.2011    source источник
comment
IE9 находится в стадии бета-тестирования, на данном этапе пока нет гарантии, что все будет работать, вот хорошее руководство для разработчиков: msdn.microsoft.com/en-us/ie/ff468705   -  person Kris Ivanov    schedule 25.01.2011
comment
Я читал это руководство, но никак   -  person ahmedsafan86    schedule 25.01.2011

Ответы (1)


arrow_upward
1
arrow_downward

Как вы говорите IE9 реализовать углы и градиенты? Используете ли вы фильтры IE (как я предполагаю, вы используете для 7 и 8)? Или вы на самом деле используете CSS3?

Если вы используете фильтры, попробуйте заставить IE9 использовать только CSS3. Вы можете поместить фильтры в их собственную таблицу стилей и просто использовать для них условные комментарии для таргетинга на IE8 и ниже, поэтому IE9 полностью игнорирует фильтры, таким образом, вы знаете, что они не мешают.

person Shauna    schedule 23.02.2011
comment
я использую CSS3 для будущего и -moz- fore Firefox и -webkit- для сафари и хрома, а также фильтры для IE8 и ниже. Я изменил порядок, поставив CSS3 последним, чтобы он был доминирующим, но ничего не изменилось, и я попытался удалите фильтр и проверьте CSS3, только он дает мне закругленный угол, но фон становится белым вместо моего фонового изображения !!! - person ahmedsafan86; 24.02.2011
comment
Можете ли вы обновить свой пост, чтобы включить свой код? Возможно, это связано с синтаксической ошибкой или какой-то странностью в вашем заказе. Не помешает взглянуть на это свежим взглядом. - person Shauna; 24.02.2011
comment
Извините, мне пришлось закончить это вовремя, я заменил градиентный фон css градиентным изображением и пренебрег закругленными углами во всем, то есть, но я пересматривал его много раз, и я думаю, что в html и css не было ошибок. и когда я попытался использовать только закругленные углы со сплошным цветом фона, это сработало, и когда я попытался использовать градиентный фон css без закругленных углов, это сработало !!!! проблема в их сочетании. - person ahmedsafan86; 26.02.2011