Импорт ie-only.css

FXIX · October 10, 2008

Не знаю может баян, не нашел ответа. В общем дано:

1. index.html:

2. style.css

3. iestyle.css

Как грамотней подключить iestyle.css ?

Варианты:

1. В index.html пишем <!–[if lte IE 6]><style type="text/css">@import url("iestyle.css"); </style><![endif]–>

2. В style.css пишем @import "iestyle.css" all;

В первом варианте грузим в два потока(для IE) что нежелательно, во втором варианте нет условий для @import, т.е. грузят все браузеры. Как быть? Идеальным решением был бы второй вариант если бы для него можно было задать условие (if IE). Или я много хочу?

klierik · October 10, 2008

<head>
	<link href="css/styles.css" rel="stylesheet" media="all" />

	<!--[if IE]><link href="css/ie.css" rel="stylesheet" media="all" /><![endif]-->
	<!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" media="all" /><![endif]-->
	<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" media="all" /><![endif]-->

</head>

rash · October 10, 2008

Не вижу проблем в варианте с условными комментариями.

Vlad · October 11, 2008

Ну грузим в два потока, ну и что!

FXIX · October 11, 2008

Ну грузим в два потока, ну и что!

Не "ну и что" а захотелось чтобы грузилось все в один поток. Один файл стилей который грузят все браузеры, в том числе и IE. Только IE грузит еще доп. файл который импортен в главный файл. Где-то видел даже решение, давно еще, не могу найти где.

Vlad · October 11, 2008

Хотел сказать, что это не является какой-то проблемой, над которой требуется сидеть и ломать голову. Разделение стилей даже выгоднее. Для IE будет грузиться файл побольше, для остальных браузеров - поменьше, значит, быстрее.

rash · October 11, 2008

Не "ну и что" а захотелось чтобы грузилось все в один поток.

Зачем?

FXIX · October 11, 2008

Пришлось решить проблему так:

В документе:

<!–[if lte IE 6]><style type="text/css">@import "iestyle.css" all;</style><![endif]–>

Причем именно в таком порядке. Т.о. IE сначала загрузит "свой" файл, потом общий. Если наоборот то сначала загрузится "неправильный" общий а потом только iestyle.css, что считаю неправильным, учитывая что для IE там куча фиксов для полупрозрачных PNG.

Если в самом файле стилей писать @import "iestyle.css" all; то это тоже нужно писать в начале файла а не в конце, по тем же причинам. Я правильно все понимаю?

И еще такой момент. Есть ли разница между:

<!–[if lte IE 6]><style type="text/css">@import "iestyle.css" all;</style><![endif]–>

и

<!–[if lte IE 6]><link href="iestyle.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /><![endif]–>

Artemeey · January 7, 2013

Все делаешь неверно. Тема старая, но я прокомментирую.

Используя @import у тебя все будет грузиться дольше. Как раз.используя структуру <link /> загрузка произойдет быстрее. Зачем ты используешь @import остается загадкой
Во-вторых: сначала должен грузиться неправильный стиль, а потом только правильный. Тем более, что файл общего стиля основной, он обязан грузиться раньше, во втором написаны фиксы, они не должны быть загружены позже.
<style type="text/css">@import "iestyle.css" all;</style> - не знаю. что сказать.. Если по хорошему - так нельзя делать, подробнее почитайте в соответствующих статьях.

Sign In

Импорт ie-only.css

Question

FXIX

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

FXIX

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

FXIX

Link to comment

Share on other sites

Artemeey

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information