Négy több módon elrejteni, és show-elemek segítségével HTML és CSS
Előzménye, hogy ez a cikk - „Négy módon, hogy elemeket el (és kap) a CSS» - összpontosított klasszikus technikák elrejteni elemek az oldalon; ezúttal technikák alkalmazásával, hogy a munka a korszerű böngészőkben, bizonyos megszorításokkal az IE. Használja jelölést, amely hasonló az elrendezés az előző példa:
Ebben a cikkben, azt különböző technikákat, hogy elrejtse az elem
Méretezés elem 0
Nyilvánvaló, hogy ha csinálsz valami végtelenül kicsi, ez a „valami” végül eltűnik. Meg kell szakítani, hogy eredeti terület az elem megmarad, mert a hatás az átalakulás lényegében hasonló a viselkedése egy elem position: relative;
Visszatérési érték skála 1-be, újra megjelenik elem; Ez az átmenet is lehet animált.
Hátrányok: támogatja az összes modern böngésző, de csak kezdődő IE9 +. Nem lehet alkalmazni a sorhoz. A régebbi verziói böngésző szükséges előtagokat.
HTML5-rejtett attribútummal
Bár vizuálisan úgy viselkedik, mint a display: none, ez az elem állapotát rögzíti az elem
Amikor telepíti az elem, rejtett azt jelzi, hogy az elem még nem, vagy már nincs közvetlen kapcsolatban a jelenlegi állapotában az oldalt.
A rejtett attribútum már most is használják ezeket az elemeket a HTML5-szerű részleteket. Más módszerek, rejtett tulajdonságok itt leírt elrejteni elemeket bármelyik módszer bemutatása, beleértve a nyomtatást. mobil és képernyőolvasó. Támogatja az összes modern böngésző, kivéve egyet.
Hátrányok: Még mindig nem támogatja az IE, bár könnyen megoldható a CSS-választó az attribútum:
Zero magassága és overflow: hidden
A hagyományos megoldás. Tény, hogy „összeomlik” a függőleges irányban, és láthatatlanná teszi; alkotásoknak, hogy az elem nincs látható határon. Érdemes megjegyezni, hogy egy kis helyet az oldalon, hogy a rejtett elem valószínűleg „lefoglalt” annak ellenére, hogy a tételt nem magas, még mindig van a szélesség és talán egy olyan területen, amely továbbra is befolyásolják az elrendezés az oldal.
Hátrányai: nem kell alkalmazni a vonal elemet. A magasság értéke nem lehet animált, bár max - magasság.
blur filter
A legújabb megközelítés, amely nem fog működni az IE (legalábbis egyelőre). Mégis blur - egy érdekes lehetőség, hogy érdemes figyelembe venni a jövőben. Elegendő blur, akkor az elem teljesen láthatatlan, miközben csökkenti a blur értékét 0 elem ismét a „fókuszban”
- Elhomályosít kis szöveget jobban működik, mint a képen
- Homályos képek felveheti a többi oldal, a színárnyalatot, attól függően, hogy milyen méretű és fontosságú az elmosódás.
- Minél nagyobb a homály. Igényel nagyobb számítási ciklus elérni azt; elegendően nagy értékek jelentősen betölteni a grafikus processzor, ami ezt a technikát nem praktikus mobil eszközök ebben az időben.
- Ez csak akkor támogatja a Firefox legújabb verzióját (version 35 - kb Perevi ..) (Bár ez lehet használni SVG üzemszüneti)
- Mindig szükség van egy böngésző előtagokat Chrome és Safari.
- Mint már említettük, ez nem fog működni minden változatát IE.