CSS trükköket böngészőkhöz
Bárki, aki részt vesz a Web-design. Azt szembesül egy ilyen probléma, ha minden böngésző normálisan megjeleníteni a stílus az oldalhoz, és csak egy „gadonysh” zsákmány oldalon. A legtöbb esetben ezek „gadonyshem” lesz a böngésző az Internet Explorer. különösen a 6. változat és az alábbiakban használt mintegy 7-8% -a internet-felhasználók. Egyetértek azzal, hogy ez nagyon sok, hogy csak a kalapács őket. Bár a többi böngésző (még ma is) olykor meglepetés. Ezért, annak érdekében, hogy kijavítsa a böngésző megjeleníti az oldalt, illetve találták CSS hack.
CSS hack - egy különleges CSS stílus szintaxis. aki megérti csak egy bizonyos böngésző. És még CSS hack gyakran eltérő a különböző változatai ugyanabban a böngészőben.
Ha lefordítani magyar, akkor valami ilyesmit: „Ha a felhasználó böngészőjének - IE plug a stíluslapja css / ie.css fájlt”.
Ha azt szeretnénk, hogy meghatározunk egy bizonyos változata a böngésző, majd a „IE” van szükség, hogy nagyobb és verziószámát. Mint ez:
Nem nehéz kitalálni, a stílus kerül alkalmazásra csak IE böngészők 6-os verziója is, hogy meg kell határozni a stíluslapot egy bizonyos szint alá böngésző verzió. Ebben az esetben a szintaxis használatos:
Ez a stílus lesz alkalmazva minden változatát IE böngésző alatt második verzió. Ha ahelyett, hogy „lt” fel „lte”, az azt jelenti, kevesebb vagy azzal egyenértékű, a második verzió.
A legtöbb esetben, az adatok ismerete már, és meg kell próbálnia többet követelni. Vannak azonban olyan helyzetek, amikor ezek a módszerek nem teljesen ésszerű. Például, egy olyan helyzetben, amikor egy nagy CSS fájlban. csak 1-2 stílus szükség speciális formája az egyes böngészők. Hülye ebben az esetben hozzon létre egy külön hatalmas fájlt, amelyet aztán keresztül kapcsolódik szkriptek vagy ilyen körülmények között. Ezért találták ki a CSS csapkod a böngészők, amelyre most viszont. És kezdjük:
1) Az Internet Explorer. Ez a CSS hack működik változatai IE7 alatt. Az én tapasztalatom, IE8 böngésző már nagyon tisztességes, így neki még nincs probléma. De IE7 böngésző és csapkod is mutatja:
p margin-top: 20px; # Minden böngészőben
* Margin-top: 30px; # Böngészők IE7 alatt.
>
Mint látható, előtte a második tulajdonság „margin-top” kód „*”. Ez a CSS hack. Azaz, ha tesz egy „*” neve előtt az ingatlan, akkor ez a tulajdonság csak akkor alkalmazható, IE7 böngésző alatt. Következtetés: az összes böngésző „margin-top” van abban az értelemben „20px”, de az IE7 alatt és a böngésző értelmében „30px”. Ha meg kell adnia a stílust csak IE6 és az alábbi (ez gyakran előfordul, mert az IE7 jobb dolgokat, és gyakran a stílus szabály ez a böngésző nem szükséges), akkor van egy másik CSS hack:
p margin-top: 20px; # Minden böngészőben
_margin-top: 30px; # Böngészők IE6 alatt.
>
Nem nehéz észrevenni, van egy jel „_” előtt a második tulajdonság, amely a CSS hack IE6 alatt és böngészők.
2) Mozilla Firefox. Ez a CSS hack csak akkor működik, Mozilla Firefox böngészőt. Itt a példa:
p, x: -moz-bármely-link margin-top: 30px;
>
Ebben a példában ez azt jelentette, hogy a stílus választót „p” lesz alkalmazva csak a Mozilla Firefox böngészőt. és az összes többi böngésző figyelmen kívül hagyja a stílust.
3) Opera. Ez a CSS hack használják az Opera böngészőt. Egy példa a felhasználásra:
* | Html [xmlns * = ""] p margin-top: 30px;
>
Itt azt hiszem, ez is egyértelmű.
Ez minden, amit akartam írni ezt a cikket. Azonban, még egyszer emlékeztetni arra, hogy a CSS hack - ez rossz, nagyon gyakran nem adja át, amikor ellenőrzi a kód érvényességét, és ez nem jó. Általában ne használja őket, amikor egy weboldal létrehozása, vagy csak a legvégső esetben. És általában, azt javasoljuk, hogy ismerkedjen meg az alapokat a CSS. akkor kevesebb probléma különböző megjelenítési stílusok a böngészők.
Ajánlom ezt a cikket egy ismerősének:
Ha tetszett az oldal, a link meg (az oldalon, a fórum, a kapcsolatot)
Úgy néz ki, mint ez:
Köszönöm, már csatolt.
valamilyen oknál fogva megint miért nepoyavlyaetsya razplyvchata?
mozhish nekem megjavítani úgy, hogy érvényes volt
I-én, persze, de akkor meg kell tanulni.
Nos, én tanultam, és én vy pokachto erősít érvényes és látok, és emlékezni
Nem fogja megtanulni, ha nem tévedek.
Szia, Michael. Connected stíluslap ІE, és még mindig azt mutatja Eksplorer néhány alapvető stíluslapot. A asztalra helyezett a dokumentum head, mielőtt a linkre a fő asztalra. Mit csinálok rosszul? Köszönöm.
Köszönöm, Michael. Tettem.
Szia, Michael. Én az 5. oldalon a háttérképet (a tag szervezetben), de nem jeleníti meg őket Eksplorer mert nem tudja megjeleníteni több háttérképet. Mi egy hack kell alkalmazni minden Eksplorer háttérszín fekete volt? Ebben az esetben egy stíluslapot nem lehet csatlakoztatni.
Alkalmazza a szeretet, hogy csapkod a fenti cikkben, hogy miután a fő tulajdonságait az ingatlan fog létrehozni egy fekete háttér felfedező. Nem biztos, hogy így egy külön stíluslapot.
Köszönöm szépen. Haq terhelést.
Michael! Köszönöm az érdekes cikket! Itt inkább CSS hack IE böngésző Érdemes lehet felvenni velük a cikk a teljesség 1) kettős perjel (//), mielőtt a css-tulajdonság, hogy a megjelenése az ingatlan csak az IE böngésző bármely változata. 2) A csillag (*) vagy perjel (/) adja a megjelenése az ingatlan csak a böngészők IE6 és IE7 előtt css-tulajdon. 3) Az aláhúzás (_) vagy kötőjelet (-) ad a megjelenése az ingatlan előtt IE6 böngésző css-tulajdon.
Van egy oldal jelenik meg megfelelően minden böngészőben, a probléma egy böngésző az Opera. ahol egyik változata. Olyan, mintha az oldal szedése belülről. Próbáltam, hogy alkalmazza azt a hack * | html [xmlns * = „”], egyszerűen helyezze a stíluslapot, de (az opera), csak figyelmen kívül hagyja azt.
Ha ez nem egy új változatát az Opera, akkor nem figyel.
Úgy tűnik, a válasz erre a kérdésre itt, nem tudok várni .. (((((