Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «cgi»
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №113 (8 — 14 июня 2014) 2014-06-14 22:45:07
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: api, css, css3, group, html, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, плагины, ресурсы, сми, ссылки
То, что вам никто не говорил о z-index в статье «То, что вам никто не говорил о z-index» 2014-06-10 11:43:54
 + развернуть текст сохранённая копия
Почти два года назад вышла статья «What no one told you about z-index» (и её перевод на Хабре «То, что вам никто не говорил о z-index»), авторы которой рассказывают о малоизвестной (76% проголосовавших пользователей Хабра слышат об этом впервые), но документированной возможности создания нового контекста наложения указав opacity меньше единицы.
Но несмотря на название статьи, авторы не рассказали вам ещё кое о чём.
Предполагается, что вы знакомы с понятием контекста наложения (англ. stacking context).Элементы с общими родителями, перемещающиеся на передний или задний план вместе известны как контекст наложения. Понимание контекста наложения является ключом к пониманию z-index и порядка наложения элементов.
Каждый контекст наложения имеет свой корневой элемент в HTML структуре. В момент формирования нового контекста на элементе, все дочерние элементы так же попадают в этот контекст и занимают своё место в порядке наложения. Если элемент располагается в самом низу одного контекста наложения, то никаким мыслимым и немыслимым образом не получится отобразить его над другим элементом в соседнем контексте наложения, располагающимся выше по иерархии, даже с установленным z-index равным миллиону. — Из статьи «То, что вам никто не говорил о z-index». Для понимания темы настоятельно рекомендую к ознакомлению либо её, либо классический труд на MDN.
Новый контекст наложения формируется в случаях:
- Корневой элемент (
<html>) всегда содержит корневой контекст наложения. Любой элемент на странице, не участвующий в локальном контексте наложения (сформированном любым из последующих вариантов), участвует в корневом контексте наложения.
- Элемент с
position отличным от static и значением z-index отличным от auto. Кроме одного исключения для position: fixed, но я это вынес в отдельный пункт.
- Элемент имеет значение
opacity меньше, чем 1.
Нужно больше контекстов наложения!
Тэги: chrome, context, css, firefox, google, html, stacking, w3c, z-index, веб-разработка, веб-стандарты, контекст, наложения, скандалы-интриги-расследования
Иногда стоит уделять время обновлениям 2014-06-09 12:00:49
Хочется начать с небольшого вступления. Например про то, что я с удивлением для себя заметил, нет ...
+ развернуть текст сохранённая копия
Хочется начать с небольшого вступления. Например про то, что я с удивлением для себя заметил, нет давно комментарий на блоге. Ни спама, ни отзывов, ни вопросов или пожеланий, то есть ничего вообще. И довольно продолжительное время. Пока до меня ВНЕЗАПНО не дошло, что я немного поправил код комментирования, а после этого 3 раза обновлял движек […]
Тэги: css, html, php, блога, дизайн, интересно, косяк, новости, обновление, поддержка, порядок, сайта, стартапы, стиль, строгость, форма
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №112 (1 — 7 июня 2014) 2014-06-08 00:06:02
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: api, css, css3, group, html, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, плагины, ресурсы, сми, ссылки
WeGraphics - Infinite - A Design Blog Template HTML/CSS 2014-05-31 22:43:16
WeGraphics - Infinite - A Design Blog Template HTML/CSS
This is a small HTML/CSS template for a design blog. Featuring a clean layout based on jquery masonry and infinte scroll.
HTML, CSS, JS | 987 Kb
Тэги: css,, html,, psd, шаблоны
Главная / Главные темы / Тэг «cgi»
|
Взлеты Топ 5
Падения Топ 5
|
