Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
#1

Условный оператор для IE - HTML, CSS

09.02.2018, 00:08. Просмотров 180. Ответов 14
Метки нет (Все метки)

Доброго времени суток! Есть 2 css файла: один общий, а второй со стилем, который в IE работает иначе, чем в др. браузерах. Необходимо, чтобы общий стиль открывался везде, а стиль для ie - только в ie! Перечитал массу сайтов по этому вопросу, ничего толком не вышло.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="-">
<meta name="description" content="-">
<meta name="author" content="-">
<meta name="yandex-verification" content="-" />
<meta name="viewport" content="width=1200, initial-scale=1, user-scalable=yes">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>~head</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if gte IE 7]>--><link rel="stylesheet" type="text/css" href="ie.css"><!--<![endif]-->
 
</head>
ie.css
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.filt, .filt:link, .filt:visited, .filt:active  {
-webkit-filter: brightness(100%) contrast(100%);
-moz-filter: brightness(100%) contrast(100%);
-khtml-filter: brightness(100%) contrast(100%);
-o-filter: brightness(100%) contrast(100%);
-ms-filter: brightness(100%) contrast(100%);
filter: brightness(100%) contrast(100%);
opacity: 0.9;
}
 
.filt:hover {
-webkit-filter: brightness(105%) contrast(105%);
-moz-filter: brightness(105%) contrast(105%);
-khtml-filter: brightness(105%) contrast(105%);
-o-filter: brightness(105%) contrast(105%);
-ms-filter: brightness(105%) contrast(105%);
filter: brightness(105%) contrast(105%);
opacity: 1.0;
}
Разница лишь в opacity, всё остальное - общее. Как-то надо остальным браузерам указать, чтобы они работали только с файлом style.css и не лезли в ie.css.

Либо внутри style.css как-то отделить этот стиль для IE. Не знаю уже.
http://www.cyberforum.ru/turbo-pascal/thread180646.html
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.02.2018, 00:08
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Условный оператор для IE (HTML, CSS):

Условный оператор для нажатия кнопок
Добрый день! Проблемы с синтаксисом Подскажите, как реализовать такую...

Применить условный оператор для приведенного кода
program project1; var a, b, c:integer; begin writeln ('BBEDITE PERVOE CHISLO...

Создайте проект для решения задачи, используя условный оператор
Ребят помогите очень нужно пожалуйста !!! Создайте проект для решения...

Используя условный оператор составить программу для вычисления выражения
Вычислить значение выражения по формуле ( все переменные принимают...

Написать программу для вычисления функции F, используя условный оператор
Дано задание написал программу #include &lt;stdio.h&gt; #include &lt;conio.h&gt;...

14
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
09.02.2018, 00:41 #2
HTML5
1
<!--[if gte IE 7]><link rel="stylesheet" href="ie.css"><![endif]-->
Добавлено через 5 минут
Кстати, нет никакого толка подключать этот файл стилей для IE7, IE8, так как эти свойства он понимает только с 9-й или с 10-й версии. Свойства с префиксами тоже абсолютно ни к месту.
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
09.02.2018, 00:45  [ТС] #3
Denno, не работает. у меня IE10. сам сайт: velo-tucha.ru

Добавлено через 1 минуту
Denno, так тоже не пашет
HTML5
1
<!--[if gte IE 9]><link rel="stylesheet" href="ie.css"><![endif]-->
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
09.02.2018, 00:47 #4
Всё правильно, свойство filter в 10-й версии не работает.
Свойство opacity работает начиная с 9-й версии.
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
09.02.2018, 11:23  [ТС] #5
Denno, у меня 10-я стоит, всё работало до установки условия

Добавлено через 1 минуту
Denno, opacity-то мне и нужно, так вот оно в 10-й работало, пока условие не поставили.

что-то я запутался уже... как мне быть?
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
09.02.2018, 11:52 #6
Цитата Сообщение от Saliery Посмотреть сообщение
как мне быть?
Так, надо сразу понять, работает(но он работает) ли условный комментарий или нет, и от этого уже отталкиваться.

В файл ie.css добавить такой стиль и посмотреть на изменения фона, при открытии сайта в IE.

CSS
1
2
3
body {
    background: #f00 !important;
}
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
09.02.2018, 13:51  [ТС] #7
Denno, вставил, изменений нет.
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
09.02.2018, 14:08 #8
А условный комментарий вставлен после основных стилей?
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
09.02.2018, 14:27  [ТС] #9
Denno,
HTML5
1
2
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if gte IE 9]><link rel="stylesheet" href="ie.css"><![endif]-->
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
09.02.2018, 15:53 #10
Да, есть информация, что условные комментарии с 10-й версии IE - больше не поддерживаются!
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
09.02.2018, 16:16  [ТС] #11
Denno, всё, тогда тему закрываем
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
09.02.2018, 20:40 #12
Лучший ответ Сообщение было отмечено Saliery как решение

Решение

Цитата Сообщение от Saliery Посмотреть сообщение
всё
Есть один хак, который работает в IE10 и IE11

Добавлено через 3 часа 16 минут
Вот так должен работать условный комментарий(у меня работает):

HTML5
1
<!--[if IE]><link rel="stylesheet" href="ie.css"><![endif]-->
Добавлено через 7 минут
И мета тег добавить еще надо:

HTML5
1
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
10.02.2018, 13:04  [ТС] #13
Denno, большое спасибо! работает, но есть конфликт со стилем trans (перестал работать)

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.trans{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-khtml-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
 
.cancel_hvr:hover {
-webkit-transition: none;
-moz-transition: none;
-khtml-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
ладно, спасибо большое, я понял, что не надо заморачиваться, это того явно не стоит.
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
10.02.2018, 15:32 #14
Цитата Сообщение от Saliery Посмотреть сообщение
ладно
Можно воспользоваться вот таким вот хаком, который работает в IE10 и IE11.
Условный комментарий и мета тег нужно удалить.

CSS
1
2
3
4
5
6
7
8
9
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .trans {
        transition: all 0.2s;
    }
 
    .cancel_hvr:hover {
        transition: none;
    }
}
1
Saliery
2 / 2 / 4
Регистрация: 27.01.2013
Сообщений: 245
10.02.2018, 16:10  [ТС] #15
Denno, а смысл? оно же совместно должно работать (яркость должна плавно меняться)

Цитата Сообщение от Denno Посмотреть сообщение
Условный комментарий и мета тег нужно удалить.
удалил, не работает. плавность есть, но яркость с контрастностью не меняются. ладно, давайте закроем эту тему, у меня нет больше на это времени.
0
10.02.2018, 16:10
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
10.02.2018, 16:10
Привет! Вот еще темы с решениями:

Условный оператор, оператор ввода/вывода; плоскость и принадлежность точки
Здравствуйте. В С++ я абсолютный новичок, поэтому с первым же заданием возникли...

Условный оператор и оператор выбора. Даны два угла треугольника. Определить, существует ли такой треугольник
Даны два угла треугольника (в градусах). Определить, существует ли такой...

Условный оператор и оператор множественного выбора
Много заданий написал, но я уверен, что решить их не составит вам труда (не то...

Для каждого столбца матрицы с чётным номером найти сумму его элементов. Условный оператор не использовать
Дана матрица М. Для каждого столбца матрицы с чётным номером найти сумму его...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru