Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
ministerboss
2 / 2 / 0
Регистрация: 09.07.2013
Сообщений: 25
#1

Префиксы CSS3 - HTML, CSS

12.07.2013, 18:01. Просмотров 969. Ответов 7
Метки нет (Все метки)

Есть ли разница в порядке установки префиксов:
---
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
---
имеет ли значение если:
---
box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
---
box-shadow:... будет стоять первым?
Должны все префиксы идти первыми и замыкать общее правило или не имеет значения?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.07.2013, 18:01
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Префиксы CSS3 (HTML, CSS):

Префиксы - HTML, CSS
Добрый день, нужно сделать чтобы картинка в псевдоэлементе отображалась только в IE8. Дописывал каждому свойству префикс в начале "-ms-"...

CSS префиксы - HTML, CSS
Добрый вечер! Где можно смотреть актуальную таблицу CSS3 префиксов для разных браузеров (в связи со меной некоторыми движков)? ...

вендорные префиксы - HTML, CSS
вопрос вот в чем. какие вендорные префиксы сейчас необходимо использовать для грамотного отображения свойств css3 в большинстве браузеров...

Вендорные префиксы. - HTML, CSS
Кто нибудь встречал в сети справочник поновее по вендорным префиксам css? Такой справочник, что бы там уже знали, что существует хотя бы...

Что такое префиксы? - HTML, CSS
Всем привет!:) Вопрос нубовский но все же задам: Я понимаю что такое префиксы и как их использовать но для более детального понимания...

Префиксы для css-свойств - HTML, CSS
Привет всем кто не спит!) Скажите плз кто знает полный список к каким свойствам css нужно прописывать префиксы -o-, -moz-, -webkit-?...

7
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
12.07.2013, 18:21 #2
не имеет значения - каждое из заданных вами префиксов -соответствует своему браузеру и будет восприниматься только им, а остальное будет игнорироваться - пишите в той последовательности в которой хотите .
0
ministerboss
2 / 2 / 0
Регистрация: 09.07.2013
Сообщений: 25
12.07.2013, 18:22  [ТС] #3
спасибо
0
Vovan-VE
13148 / 6531 / 188
Регистрация: 10.01.2008
Сообщений: 15,071
13.07.2013, 15:51 #4
Цитата Сообщение от Ruisenor Посмотреть сообщение
каждое из заданных вами префиксов -соответствует своему браузеру и будет восприниматься только им
Вы говорите о таком случае:
CSS
1
2
-moz-box-shadow: ...;
-webkit-box-shadow: ...;
Да и то, вон, "пошла мода" у бразеров поддерживать и чужие префиксы, чтобы на странице получить то, что "вероятно, имелось ввиду разработчиком".
А вопрос о другом.

В группе свойств с префиксами или с каким-то хаками правильное свойство без префикса следует указывать позади. Если браузер поддерживает "естественное" свойство, то пусть оно и действует. Пруф линков, извините, не могу предоставить.
1
zhibirc
649 / 234 / 29
Регистрация: 18.02.2013
Сообщений: 784
13.07.2013, 16:34 #5
3 момента:
- генераторы теней/кнопок, с которыми приходилось работать, формируют код так, что общее, стандартное свойство указывается последним;
- необходимость в "отсебятине" зависит также от версии браузера, надо тестировать, но часто эти извращения оказываются уже ненужными для текущих актуальных версий;
- сайт скорее всего не пройдет валидацию, IDE ругаются, код распухает.
1
ministerboss
2 / 2 / 0
Регистрация: 09.07.2013
Сообщений: 25
13.07.2013, 17:55  [ТС] #6
!i, спасибо большое за полезные дополнения и уточнения
0
Forastero
541 / 323 / 37
Регистрация: 15.05.2013
Сообщений: 781
Записей в блоге: 1
14.07.2013, 16:37 #7
В дополнение к уже сказанному хочу сказать, что свойства с префиксами следует указывать в "порядке убывания".

То есть, о чем это я:
CSS
1
2
3
-webkit-box-shadow: 5px -4px 2px 5px rgba(0,0,0,.3);
-moz-box-shadow: 5px -4px 2px 5px rgba(0,0,0,.3);
box-shadow: 5px -4px 2px 5px rgba(0,0,0,.3);
Для чего это?! Все потому что вначале разработчики добавляют некое новое свойство, допустим этот же box-shadow, а лишь потом, если это свойство уживется, заменяют его на общепринятое.

Зачастую свойство с префиксом и без могут обладать различными эффектами. Поэтому без префикса должно быть в конце.

Вот доклад Вадима Макеева, он же pepelsbey, на тему префиксов: http://vimeo.com/47210831
0
ministerboss
2 / 2 / 0
Регистрация: 09.07.2013
Сообщений: 25
14.07.2013, 17:51  [ТС] #8
Forastero, Спасибо большое. Очень интересно.
0
14.07.2013, 17:51
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.07.2013, 17:51
Привет! Вот еще темы с ответами:

Префиксы не оперные (-moz-, -khtml-) в опере - HTML, CSS
Здравствуйте! в консоли оперы не оперные префиксы трактуются как ошибка. это нормально? -moz-border-radius -moz-opacity -khtml-opacity

Как в Dreamweaver автоматически проставить префиксы для разных браузеров? - HTML, CSS
Всем привет! Есть ли такая функция в Dreamweaver, чтобы автоматически в код CSS проставить префиксы для разных браузеров? Если нет, то в...

CSS3 and IE - HTML, CSS
Подсажите пожалуйста. Мне нужно, чтобы элемент CSS3 либо просто пропадал, если используется ИЕ, либо корректно отбражался

CSS3 анимация - HTML, CSS
Всем привет! Есть css3 анимация, которая срабатывает с задержкой в 3 секунды. Если в течении этого времени водить мышкой в окне result то...


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

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

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