Още четири начина да се скрие и шоу елементи, използващи HTML и CSS
Предистория на тази статия - "Четири начина да се направи елементи изчезват (и получават) с помощта на CSS» - бе фокусирана върху класическите техники, за да се скрият елементи на страницата; този път с помощта на техники, които работят в съвременни браузъри, с някои ограничения за IE. Използвайте за маркиране, която е подобна на оформлението на предишния пример:
В тази статия, аз се използват различни техники, за да се скрие елемента
Scaling елемент 0
Очевидно е, че ако правите нещо безкрайно малко, това "нещо", в крайна сметка да изчезне. Трябва да затвори че първоначалната зона на елемента се поддържа, тъй като ефектът на преобразуването е по същество подобно на поведението на елемент с позиция: относителна;
мащаб Върната стойност е 1 ще се появи отново елемент; Този преход също могат да бъдат анимирани.
Недостатъци: Поддържа всички съвременни браузъри, но само като се започне с IE9 +. Не може да се приложи към договорената покупка. За по-стари версии на браузъри са необходими представки.
HTML5-скрит атрибут
Въпреки, че той действа като визуално дисплей: няма, тази позиция записва състоянието на елемента
При инсталиране на елемента, скрит показва, че елементът има все още или вече няма пряко отношение към текущото състояние на страницата.
Скритият атрибут вече се използва за тези елементи на HTML5 подобни подробности. За разлика от другите методи, скрити атрибути са описани тук, за да скрие елементи от всеки от методите на представяне, включително и печат. мобилни и екранни четци. С подкрепата на всички съвременни браузъри, с изключение на един.
Недостатъци: Все още не се поддържат в IE, въпреки че се решава лесно с помощта на селектор CSS за атрибута:
Нулева височина и преливане: скрит
Традиционното решение. В действителност, "свива" във вертикална посока и го прави невидим; работи при условие, че артикулът е без видима граница. Прави впечатление, че някои пространство на страницата, за скрития елемент е вероятно да бъде "резервирана", независимо от факта, че артикулът е без височина, той все още има ширина и може би поле, което може да продължи да се отрази на оформлението на страницата.
Недостатъци: не се отнася до линията елемент. Стойността на височина не може да бъде анимиран, въпреки че макс - височина може.
замъгляване филтър
Последният подход, който няма да работи в IE (поне за момента). И все пак замъгли - една интересна опция, която заслужава да се обмисли за бъдещето. Достатъчно размазването прави елемента напълно невидим, докато намалява замъгляването стойности на 0 елемент отново е "на фокус"
- Blur малък текстов работи по-добре, отколкото на снимката
- Размазване на изображенията могат да добавят останалата част от страницата, цвят нюанс, в зависимост от тяхната относителна големина и значение на размазването.
- Колкото по-висока замъгляването. Това изисква повече изчислителни цикъла, за да го постигне; достатъчно високи стойности може значително да се зареждат по графичен процесор, което прави тази техника непрактично за мобилни устройства, в този момент.
- Той ще се реализира само в най-новата версия на Firefox (версия 35 - ок Perevi ..) (Въпреки че е възможно да се използват SVG като резервен вариант)
- Все още изисква браузър представки за Chrome и Safari.
- Както вече споменахме, че няма да работи във всички версии на IE.