display: none visibility: hidden opacity: 0 width: 0 transform: scale(0,0) margin-left: -9 / it-юмор :: geek (Прикольные гаджеты. Научный, инженерный и айтишный юмор)

iluxa1810 iluxa1810
it-юмор geek 
display: none visibility: hidden opacity: 0 width: 0 transform: scale(0,0) margin-left: -99999px,it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
Подробнее
display: none visibility: hidden opacity: 0 width: 0 transform: scale(0,0) margin-left: -99999px
it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
Еще на тему
it-юмор

it-юмор(3389)

geek

geek(16944)

Развернуть
Комментарии 24 25.07.202018:34 ссылка 27.8
идеально для обхода антиблокеров
mm33 mm33 25.07.202018:44 ответить ссылка 10.4
антиблокер, это про что? (пример)
ScarletBallet ScarletBallet 25.07.202020:07 ответить ссылка ↑ -1.0
скрипты детектирующие блокировщики рекламы проверяя поле display у рекламного блока
mm33 mm33 25.07.202023:31 ответить ссылка ↑ 2.1
а наша задача загрузить или ПОКАЗАТЬ!?
MaXM00D MaXM00D 26.07.202002:21 ответить ссылка ↑ 1.1
первые 3 случая не идентичны, у них у всех разное поведение
Avogadro Avogadro 25.07.202018:54 ответить ссылка -0.9
А у последних типа нет?
Вся шутка в том, что это неправильные решения, каждое из них - костыль
Urres Urres 25.07.202019:53 ответить ссылка ↑ 1.5
Это с чего бы вдруг display: none или visibility: hidden - неправильны?
Hellsy Hellsy 25.07.202020:03 ответить ссылка ↑ 6.3
Я всё ещё про последние три, если что. Криво выразился, мой косяк
Urres Urres 25.07.202020:07 ответить ссылка ↑ 1.8
Иногда бывает нужно чтобы предзагрузка шла, у некоторых браузеров есть мерзкая привычка не грузить изображения в не привязанных к DOM-у элементах (display: none), а второй, что третий способ могут не подойти, потому что скрытые ими элементы все еще занимают место.
Hellsy Hellsy 25.07.202020:47 ответить ссылка ↑ 0.4
Если я правильно понял, это всё способы скрыть изображения, не удаляя его. То есть если я сделаю на своём сайте картинку с гачимучи на весь экран и поставлю ей непрозрачность 0, я могу заставить всех посетителей сайта смотреть гей-порно, а они даже не будут об этом подозревать. Это не костыль, это секретная технология, используемая мировым правительством для пропаганды гомосексуализма и сокращения населения Земли. Иначе почему ещё все крупные и популярные скйты, вроде новостных корпораций, грузятся так долго? Вот то-то же.
Culexus Culexus 25.07.202020:09 ответить ссылка ↑ 12.2
Боюсь, влияние изображения, которое ты не видиш, имеет крайне низкое влияние на психику.
DeadTR DeadTR 27.07.202011:06 ответить ссылка ↑ 0.0
opacity:1
Allukard Allukard 02.08.202018:51 ответить ссылка ↑ -0.3
В чем же разница между opacity: 0 и visibility: hidden ?
Hellsy Hellsy 25.07.202020:03 ответить ссылка ↑ -1.7
Наверное, opacity целочисленное, а visibility - булево. Если таких элементов много, то int или shortint пожрёт больше памяти, чем bool. Первое можно юзать для анимаций, а второе нет и т.д.
Urres Urres 25.07.202020:06 ответить ссылка ↑ -0.6
opacity не целочисленное, а дробное конечно же. Но в данном случае был вопрос, чем opacity: 0 от visibility: hidden отличается.

Комментаторы снизу ответили, что hidden не получает события указателя.
Hellsy Hellsy 25.07.202020:43 ответить ссылка ↑ 0.2
Через visibility: hidden можно кликать, через opacity: 0 - нет
Selik Selik 25.07.202020:09 ответить ссылка ↑ 0.7
Но если к 'opacity: 0' добавить 'z-index: -1000;' то можно кликать? =)
Йард Йард 28.07.202019:58 ответить ссылка ↑ 0.0
При opacity: 0 элемент реагирует на ивенты, а при visibility: hidden — нет
Avogadro Avogadro 25.07.202020:10 ответить ссылка ↑ 0.6
А ещё visibility мозги ебёт. Смена происходит не мгновенно и ещё какие-то случаи, которых не помню.)
AjiTae AjiTae 25.07.202020:24 ответить ссылка ↑ 0.1
А как же: position: absolute; left: -9999px; top: -9999px?
Кстати таким вполне себе приходится заниматься, если тебе нужно чтоб браузер таки всё скрытое загрузил и посчитал размеры.
AjiTae AjiTae 25.07.202020:26 ответить ссылка 0.2
Ещё:
z-index: -1;
clip: rect(0,0,0,0);
...
AjiTae AjiTae 25.07.202020:30 ответить ссылка ↑ 0.1
Tab->Space
DSX3 DSX3 25.07.202023:08 ответить ссылка 0.1
А потом тебе говорят, напиши автотесты на UI. И ты начинаешь это все как-то укладывать в логику вебдрайвера.
warorc warorc26.07.202007:56ответитьссылка 0.0
Только зарегистрированные и активированные пользователи могут добавлять комментарии.
Похожие темы
без перевода

без перевода

программирование

программирование

красивые картинки

красивые картинки

песочница эротики

песочница эротики

it юмор


Тренды

лето
Похожие посты
Vi i.I5 Mikko Hypponen Ö +& Follow @mikko A Microsoft developer explains in a Reddit thread why Windows 10 is called Windows Reply t-i Retweet ★ Favorite ••• More Microsoft dev here, the internal rumours are that early testing revealed just how many third party products that had code of the f
подробнее»

geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор windows 9 Windows 10 reddit

Vi i.I5 Mikko Hypponen Ö +& Follow @mikko A Microsoft developer explains in a Reddit thread why Windows 10 is called Windows Reply t-i Retweet ★ Favorite ••• More Microsoft dev here, the internal rumours are that early testing revealed just how many third party products that had code of the f
ictoria 3.51 freeuare ! Cc) 2002-2005 Sergei Kazanskij i http://hdd-911 IDRQ DBSCj URFT M BUS Vj HPA AMNF THNF ftBRT TfiNF iinpwb”''гНЯЙ сего 390719855 LBAT256? SAMSUNG HD200HJ Ш^МЙПИМНб^Л ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ j| ( 5 ng )1 ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ
подробнее»

geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор hdd хард сдох крах всего 0% песочница

ictoria 3.51 freeuare ! Cc) 2002-2005 Sergei Kazanskij i http://hdd-911 IDRQ DBSCj URFT M BUS Vj HPA AMNF THNF ftBRT TfiNF iinpwb”''гНЯЙ сего 390719855 LBAT256? SAMSUNG HD200HJ Ш^МЙПИМНб^Л ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ j| ( 5 ng )1 ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ
31S311V 1М1ИЛ ii