display: none visibility: hidden opacity: 0 width: 0 transform: scale(0,0) margin-left: -99999px / it-юмор :: geek

iluxa1810

it-юморgeek

идеально для обхода антиблокеров

mm33

25.07.2020, 15:44

ссылка

+10,4

антиблокер, это про что? (пример)

ScarletBallet

25.07.2020, 17:07

ссылка

-1,0

скрипты детектирующие блокировщики рекламы проверяя поле display у рекламного блока

mm33

25.07.2020, 20:31

ссылка

+2,1

а наша задача загрузить или ПОКАЗАТЬ!?

MaXM00D

25.07.2020, 23:21

ссылка

+1,1

первые 3 случая не идентичны, у них у всех разное поведение

,it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор

Avogadro

25.07.2020, 15:54

ссылка

-0,9

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

Urres

25.07.2020, 16:53

ссылка

+1,5

Это с чего бы вдруг display: none или visibility: hidden - неправильны?

Hellsy

25.07.2020, 17:03

ссылка

+6,3

Я всё ещё про последние три, если что. Криво выразился, мой косяк

Urres

25.07.2020, 17:07

ссылка

+1,8

Иногда бывает нужно чтобы предзагрузка шла, у некоторых браузеров есть мерзкая привычка не грузить изображения в не привязанных к DOM-у элементах (display: none), а второй, что третий способ могут не подойти, потому что скрытые ими элементы все еще занимают место.

Hellsy

25.07.2020, 17:47

ссылка

+0,4

Если я правильно понял, это всё способы скрыть изображения, не удаляя его. То есть если я сделаю на своём сайте картинку с гачимучи на весь экран и поставлю ей непрозрачность 0, я могу заставить всех посетителей сайта смотреть гей-порно, а они даже не будут об этом подозревать. Это не костыль, это секретная технология, используемая мировым правительством для пропаганды гомосексуализма и сокращения населения Земли. Иначе почему ещё все крупные и популярные скйты, вроде новостных корпораций, грузятся так долго? Вот то-то же.

25.07.2020, 17:09

+12,2

25.07.2020, 17:13

+6,8

Боюсь, влияние изображения, которое ты не видиш, имеет крайне низкое влияние на психику.

DeadTR

27.07.2020, 08:06

ссылка

0,0

opacity:1

Allukard

02.08.2020, 15:51

ссылка

-0,3

В чем же разница между opacity: 0 и visibility: hidden ?

Hellsy

25.07.2020, 17:03

ссылка

-1,7

Наверное, opacity целочисленное, а visibility - булево. Если таких элементов много, то int или shortint пожрёт больше памяти, чем bool. Первое можно юзать для анимаций, а второе нет и т.д.

Urres

25.07.2020, 17:06

ссылка

-0,6

opacity не целочисленное, а дробное конечно же. Но в данном случае был вопрос, чем opacity: 0 от visibility: hidden отличается.

Комментаторы снизу ответили, что hidden не получает события указателя.

Hellsy

25.07.2020, 17:43

ссылка

+0,2

Через visibility: hidden можно кликать, через opacity: 0 - нет

Selik

25.07.2020, 17:09

ссылка

+0,7

Но если к 'opacity: 0' добавить 'z-index: -1000;' то можно кликать? =)

Йард

28.07.2020, 16:58

ссылка

0,0

При opacity: 0 элемент реагирует на ивенты, а при visibility: hidden — нет

Avogadro

25.07.2020, 17:10

ссылка

+0,6

А ещё visibility мозги ебёт. Смена происходит не мгновенно и ещё какие-то случаи, которых не помню.)

AjiTae

25.07.2020, 17:24

ссылка

+0,1

А как же: position: absolute; left: -9999px; top: -9999px?
Кстати таким вполне себе приходится заниматься, если тебе нужно чтоб браузер таки всё скрытое загрузил и посчитал размеры.

AjiTae

25.07.2020, 17:26

ссылка

+0,2

Ещё:
z-index: -1;
clip: rect(0,0,0,0);
...

AjiTae

25.07.2020, 17:30

ссылка

+0,1

Tab->Space