Помогите с CSS для IE6 - PullRequest
Новая
       16

Помогите с CSS для IE6

1 голос
/ 06 мая 2011

Мой сайт выглядит плохо в IE6, но хорошо в Firefox. Кажется, это влияет на изображения и коробки, которые я сделал в css.

В Firefox он выглядит великолепно, "Rounded Box" и никаких проблем, но в IE6 он получается квадратным и не выравнивается !! Плюс формы, которые я также вывел, квадратные и фоновые изображения исчезли. 

td.login_bar {
    border-radius:10px;
    border:solid 1px #666;
    padding:10px;
    background-color:#efefef;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.join_input {
    border:solid 1px #CCC;
    padding:5px;
    width:250px;
    font-size:14px;
    color:#999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.join_input:focus {
    border:solid 1px #666;
    font-weight:bold;
    background-image:url(../imgs/edit_small_ico.png);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:25px;
}

Так что мне нужно сделать, чтобы исправить эту проблему? Или просто забанить IE6? Мне нужно отформатировать новый .css только для ie6 +?

* UPDATE: Я обновил свой код, спасибо вам, ребята, но он все еще выглядит плохо, просто не так плохо, лол, так что я буду продолжать над ним работать, спасибо, ребята!

Ответы [ 6 ]

2 голосов
/ 06 мая 2011

Свойства радиуса границы не поддерживаются в IE6.Если вы хотите, чтобы эти элементы имели закругленные края, вам, скорее всего, придется использовать запасной вариант для старых браузеров, использующих изображения.

1 голос
/ 07 мая 2011

Я решил проблему, просмотрев 300 форумов, я нашел хак, который говорит, что он работает во всех браузерах, я попробовал его в ie6, и да, теперь он показывает мои округленные прямоугольники! 

td.login_bar {
    border-radius:10px;
    border:solid 1px #666;
    padding:10px;
    background-color:#efefef;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

Измененоto: 

td.login_bar {
    border-radius:10px;
    border:solid 1px #666;
    padding:10px;
    background-color:#efefef;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    behavior:url(../border-radius.htc);
}

Я поместил этот файл на хост, и он работает на 100%, единственное, что мои поля формы не будут соответствовать стилю, но это нормально, если они получаются нормальными, он все равно выглядит хорошо.

1 голос
/ 06 мая 2011

Internet Explorer не поддерживал border-radius до версии 9 - я мог бы порекомендовать применить скрипт изменения поведения, такой как IE-CSS3 , хотя согласно W3Counter использование IE6 в апреле снизилось до 2,86%, что в моем Мнение подразумевает, что дизайнеры могут наконец начать игнорировать это вообще. Как бы ни были хороши некоторые возможности CSS3, многие функции все еще не поддерживаются основной парой. Альтернатива - продолжать использовать изображения для закругленных углов до тех пор, пока браузеры не догонят.

0 голосов
/ 08 мая 2011

Даже Microsoft голосует за «просто запрет IE6» после того, как в 2010 году произошли китайские хаки Google:

Microsoft знает об опубликованном публичном коде эксплойтов, влияющем наклиенты пытаются использовать Internet Explorer 6 и ограниченные целевые атаки с использованием этой уязвимости в Internet Explorer 6. В результате сообщений, которые мы обновляем в своей Рекомендации по безопасности 979 352 Клиенты предупреждают и предоставляют действенные рекомендации и инструменты, помогающие защитить от использованияуязвимость IE.

Пожалуйста, не тратьте свое время на внесение изменений, чтобы ваш код помещался в браузер, который даже не рекомендуется использовать его производителю.Вместо этого попытайтесь сделать ваш код совместимым с современными браузерами .

Источник:
Hubpages: Microsoft рекомендует обновить пользователей IE6 и IE7 для обновления их браузеров

См. Также:

0 голосов
/ 06 мая 2011

как уже упоминалось, эти -webkit и -moz и -o в основном предназначены для самых современных браузеров.Но вот что-то, что я нашел весьма полезным для IE6.http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

0 голосов
/ 06 мая 2011

Вы используете CSS-расширения без префикса IE, например -webkit-border-radius и т. Д. Они не будут работать в IE6.

Я бы посоветовал загрузить виртуальную машину, содержащую IE6, и провести некоторое надлежащее тестирование, если вы не уверены в ее правильной поддержке. То, как он обрабатывает CSS, может быть довольно странным.

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

...