Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «firebug»
То, что вам никто не говорил о 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, веб-разработка, веб-стандарты, контекст, наложения, скандалы-интриги-расследования
80 порт 2014-06-03 07:00:00
Честно говоря, тему с сетевыми портами вообще и 80 портом в частности я решил поднять на ...
+ развернуть текст сохранённая копия
Честно говоря, тему с сетевыми портами вообще и 80 портом в частности я решил поднять на своём блоге в качестве памятки. Меня заинтересовал данный вопрос, и я собрал немного полезной информации, которая, возможно, будет полезна мне в будущем, а Вам и в текущий момент. Впрочем, я постараюсь меньше теоретизировать и больше конкретизировать, т.е. быть ближе к практике. Что такое сетевой порт?По сути, Интернет представляет собой сеть взаимосвязанных устройств: компьютеров, маршрутизаторов, коммуникаторов, концентраторов и т.д. Каждое такое устройство имеет свой уникальный IP-адрес. Очевидно, что для взаимодействия между таки устройствами необходимо соответствующее программное обеспечение. Каждая запушенная на компьютере программа представляет собой процесс с уникальным идентификатором PID. Читать всю запись →
Тэги: firefox, windows, безопасность, настройки, программы, теория
80 порт 2014-06-03 07:00:00
Честно говоря, тему с сетевыми портами вообще и 80 портом в частности я решил поднять на ...
+ развернуть текст сохранённая копия
Честно говоря, тему с сетевыми портами вообще и 80 портом в частности я решил поднять на своём блоге в качестве памятки. Меня заинтересовал данный вопрос, и я собрал немного полезной информации, которая, возможно, будет полезна мне в будущем, а Вам и в текущий момент. Впрочем, я постараюсь меньше теоретизировать и больше конкретизировать, т.е. быть ближе к практике. Что такое сетевой порт?По сути, Интернет представляет собой сеть взаимосвязанных устройств: компьютеров, маршрутизаторов, коммуникаторов, концентраторов и т.д. Каждое такое устройство имеет свой уникальный IP-адрес. Очевидно, что для взаимодействия между таки устройствами необходимо соответствующее программное обеспечение. Каждая запушенная на компьютере программа представляет собой процесс с уникальным идентификатором PID. Читать всю запись →
Тэги: firefox, windows, безопасность, настройки, программы, теория
Mozilla открыла доступ к предзаказу смартфона Flame на базе Firefox OS 2014-05-28 18:53:37
Корпорация Mozilla сообщила о начале приёма предварительных заказов на первый смартфон, базирующийся ...
+ развернуть текст сохранённая копия
Корпорация Mozilla сообщила о начале приёма предварительных заказов на первый смартфон, базирующийся на операционной системе Firefox OS V1.3. Модель получилаДалее...
Тэги: firefox, новости
Стартовали продажи смартфона ZTE Open C на базе Firefox OS за 99 USD на eBay 2014-05-20 22:50:31
В мае на сайте eBay появился интересный эксклюзив — бюджетный смартфон Open C от компании ZTE, ...
+ развернуть текст сохранённая копия
В мае на сайте eBay появился интересный эксклюзив — бюджетный смартфон Open C от компании ZTE, работающий под управлением мобильной операционной системой Firefox OS от Mozilla. Стоимость — 99 долларов США. (...)Продолжение «Стартовали продажи смартфона ZTE Open C на базе Firefox OS за 99 USD на eBay» (осталось (слов): 79). © LinuxPhone.ru. На сайте — нет […]
Тэги: firefox, zte, новинки, продажи, смартфоны
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
Главная / Главные темы / Тэг «firebug»
|
Взлеты Топ 5
Падения Топ 5
|