Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «innotek»
США и Евросоюз не спешат с санкциями. А будут ли они вообще? 2014-06-10 14:07:07
Администрация США и руководство Евросоюза пока не спешат с принятием «третьей волны» санкций против ...
+ развернуть текст сохранённая копия
Администрация США и руководство Евросоюза пока не спешат с принятием «третьей волны» санкций против России. Не последнюю роль здесь сыграла и встревоженность крупнейших западных компаний, многие из которых тесно связаны с российской экономикой. Особенно это актуально для Германии — более шести тысяч...
Тэги: (etr:ads), (lon:bp), (nasdaq:intc), (nyse:ge), (nyse:gm), (nyse:ma), (nyse:pep), (nyse:v), (nyse:xom), adidas, basf, deere, electric, exxon, general, intel, john, mastercard, mobil, motors, ostausschuss, pepsico, visa, аналитика, барак, бок, ввп, германия, крым, курт, обама, рекс, россия, сша, тиллерсон, украина, хайнер, херберт
То, что вам никто не говорил о 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, веб-разработка, веб-стандарты, контекст, наложения, скандалы-интриги-расследования
Детский надувной батут «Замок», Intex 2014-06-06 22:30:04
Детский надувной батут «Замок», Intex (Интекс) — отличный вариант подарка непоседам! ...
+ развернуть текст сохранённая копия
Детский надувной батут «Замок», Intex (Интекс) — отличный вариант подарка непоседам! Представляет собой надувной замок с 4-мя башнями. Внутри замка ...
Тэги: intex
Туфли для девочки Indigo kids 2014-06-06 22:00:07
Туфли для девочки от популярного бренда Indigo Kids.Состав:Материал верха: Кожа ...
+ развернуть текст сохранённая копия
Туфли для девочки от популярного бренда Indigo Kids.Состав:Материал верха: Кожа искусственнаяМатериал подкладки: Кожа натуральная
Тэги: indigo, kids
Детское надувное кресло «Веселые звери», Intex 2014-06-02 20:00:03
Детское надувное кресло «Веселые звери», Intex (Интекс). Необычное надувное кресло для ...
+ развернуть текст сохранённая копия
Детское надувное кресло «Веселые звери», Intex (Интекс). Необычное надувное кресло для детей, выполненное в виде медведя Тедди станет самым любимым ...
Тэги: intex
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
Главная / Главные темы / Тэг «innotek»
|
Взлеты Топ 5
Падения Топ 5
|