Pull to refresh

Comments 30

UFO just landed and posted this here
В этом и есть суть офиц. тестов. Надо пройти только то, что просит тест. Остальное допилим, пусть пока полетает.
UFO just landed and posted this here
Спасибо, про прозрачость не знал. Слава джизосу, подобных ограничений никогда не встречал.
Ну и кажется, количество букв в статье можно легко уменьшить в 2 раза. И хорошо бы отметить особенности поведения z-index'а в ИЕ.
Собственно, сам не знал и не сталкивался до последнего времени)
Про IE допишу, как свободное время будет.
IEшникам по барабану этот баг в головах разработчиков спецификаций и тут я с его разработчиками полностью солидарен
UFO just landed and posted this here
То есть, стандарт говорит еще и о создании нового контекста в результате применения css трансформаций или это по странному стечению обстоятельств — особенность реализации большинства браузеров?

По ссылке из статьи, ведущей на описание zIndex на сайте W3C собственно и о влиянии opacity ничего нет. Нужно смотреть где-то в другом месте?
UFO just landed and posted this here
Спасибо за статью, это для меня открытие.
Возможно стоило бы как-то детальнее рассказать о таких сущностях, как контексты, с ними все еще не полностью понятно.

К примеру, вы могли бы вкратце рассказать основные алгоритмические шаги решения след. задачи:

Есть произвольное (не плоское) dom-дерево. Каждый элемент спозиционирован не статически. Как задать каждому из элементов глобальный порядок наложения (допустим, у всех элементов есть атрибут globalZIndex) независимо от положения в dom-дереве.

а. Возможно ли это сделать не меняя html-разметку?
б. Если это невозможно, поможет ли разрешение создавать элемент, промежуточный в иерархии между родителем и детьми?

Буду очень признателен, если найдется время прояснить ситуацию
Насколько я сам в этом всем разобрался, в общем случае не получится так сделать.
Вы рано или поздно наткнетесь на ситуацию, при которой элемент в одном контексте будет перекрываться другим, в не зависимости от установленных значений z-index.
Но танцевать всё равно надо от конкретной реализуемой задачи и структуры DOM-а!
б. Если это невозможно, поможет ли разрешение создавать элемент, промежуточный в иерархии между родителем и детьми?

В некоторых случаях да, т.к. при добавлении элемента (при условии, что мы установим ему позиционирование и z-index) он образует новый контекст, тем самым его дочерние элементы унаследуют этот контекст, и элементы всплывут, как в примере в статье.
хм… Блоку текста присваиваем z-index:-1, поверх него div с максимальной прозрачностью. Вуаля! Получаем защиту текста от выделения и копирования. Простенькую, конечно, но даже ее 40-60% типовых «пользователей интернета» не обойдет. Зато никаких JS.
Для блока с текстом можно ::selection {background: transparent} поставить, правда работает нивезде.
UFO just landed and posted this here
Извините, я может не заметил, но не могли бы вы уточнить как это в разных браузерах работает (если по спецификации, то все хорошо, а если нет...)? К сожалению у самого сейчас нет возможности проверить. За статью спасибо.
UFO just landed and posted this here
Всё верно, пока тоже ничего другого не нашел.
Кстати, IE9/10 не только с absolute, но и с fixed аналогично не работает.
Хочу просто заметить на всякий случай, что знать это конечно хороше, но в жизни такие хаки лучше не применять если совсем не прижмет.
UFO just landed and posted this here
Ещё один геморрой от w3c.
Ну зачем это было сделано, зачем?!
UFO just landed and posted this here
этот хак уже не пашет?

оба примера одинаковые (хотя… тот что с прозрачностью — в начале загрузки всё таки на секунду отодвигается назад — но потом обратно вперед)
UFO just landed and posted this here
Google Chrome самая последняя, v30

Opera v12 пашет нормально
UFO just landed and posted this here
да вы правы — открыл в инкогнито — и всё нормализовалось
Про прозрачность надо знать и помнить ибо сафари (точно не скажу с какой версии но точно в 6.2) очень трепетно относится к расположению таких элементов и может получится что элементы попап будет перекрыт безвредным на первый взгляд элементом.

Что случилось с форматированием статьи??

Sign up to leave a comment.

Articles