Условные комментарии

Rustick · July 21, 2011

Можно ли применять несколько условных комментариев, отдельно для 6,7,8 версии.

То есть, чтобы в коде было так:

<!--[if IE 6]>

Код для браузера Internet Explorer

<![endif]-->

<!--[if IE 7]>

Код для браузера Internet Explorer

<![endif]-->

<!--[if IE 8]>

Код для браузера Internet Explorer

<![endif]-->

rash · July 21, 2011

Да.

Rustick · July 23, 2011

Условные комментарии можно писать в css? Если да, то как должно выглядеть?

Напишите пример пожалуйста.

И еще, куда вставлять его?

Edited July 23, 2011 by Rustick

dostel1 · July 23, 2011

http://www.mykhailenko.com/blog/2011-02-17/conditional-comments-4-ie.html

Вот пример мой!!открой в ие6 ие7 ие 8 и опера

<html>
<head>
<style type="text/css">
.red{
	color: orange;
}
</style>
<!--[if IE 6]>
<style type="text/css">
.red{
	color:red;
}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.red{
	color:blue;
}
</style>
<![endif]-->
<!--[if IE 8]>
<style type="text/css">
.red{
	color:green;
}
</style>
<![endif]-->

</head>
<body>
<span class="red">jop</span>

</body>
</html>

Edited July 23, 2011 by dostel1

Rustick · July 23, 2011

http://www.mykhailenko.com/blog/2011-02-17/conditional-comments-4-ie.html
Вот пример мой!!открой в ие6 ие7 ие 8 и опера

спасибо. но у вас в html, мне интересно можно ли сразу в css код писать, и соответственно как это сделать, то есть как писать в файл с расширением .css, а не внедрять стили в html.

dostel1 · July 23, 2011

если я правильно понял то то ты хочеш в css задавать стили отдельно для ие:?

если да то через хаки *html element{...}-ie6.*+html element{...}-ie6

Edited July 23, 2011 by dostel1

Rustick · July 23, 2011

если я правильно понял то то ты хочеш в css задавать стили отдельно для ие:?

все верно

dostel1 · July 23, 2011

http://www.xiper.net/collect/html-and-css-tricks/css-tricks/css-hacks.html

Rustick · July 23, 2011

http://www.xiper.net/collect/html-and-css-tricks/css-tricks/css-hacks.html

вот как это называется оказывается, спасибо, то что нужно

Temiks · July 23, 2011

Зачем использовать хаки? Они же не все кросбраузерные, проще стиль например для ие7 поместить в отдельный файл css и присоединить его при помощи условных комментариев, так же и с ие6

Rustick · July 23, 2011

Зачем использовать хаки? Они же не все кросбраузерные, проще стиль например для ие7 поместить в отдельный файл css и присоединить его при помощи условных комментариев, так же и с ие6

Согласен. Так и поступлю.

Еще хотел спросить, когда буду создавать отдельные css файлы под ие-шки, там нужно весь css код копировать, заменяя нужные строки или же только те строки, которые нужно заменить?

То есть например у меня есть css файл


#left  {
width: 300px;
backgrdound: black;
}

#right {
width: 500px;
background: red;
}

Предположим мне надо, чтобы

в ie6 был для левого зеленый бэкгрануд, для правого желтый

Что тогда нужно было бы публиковать в файл ie6.css

Первое


#left  {
width: 300px;
backgrdound: green;
}

#right {
width: 500px;
background: yellow;

или

Второе


#left  {
backgrdound: green;
}

#right {
background: yellow;
}

Edited July 23, 2011 by Rustick

dostel1 · July 24, 2011

в файле ие6 только прописать

#right {

background: yellow;

}

Весь код не копируется а только стили которые отличаются в даном браузере!!!

Temiks · July 24, 2011

Второе, но на странице тогда должен быть подключен (или написан в <style>) основной стиль

Sign In

Условные комментарии

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information