Cssing »archive - hogyan kell írni egy css csak szafari
Annak ellenére, hogy az egzotikum egy ilyen szűrő, szükséges volt számomra, hogy két projekt. Ez, persze, annak a ténynek köszönhető, hogy volt egy mák, és nem érdekel. Egy kicsit piszkos (érvénytelen, és nem időtálló), de működik itt és most, hogy csapkod Safari 2-3.
Miért van erre szükség?
Helyzetekben, amikor szükségem volt rá, hogy nekem eddig 2.
2. ezt a blogot szoktam (minden) a szöveg betűtípusa Myriad. Nagyon szép és olvasható betűtípust. A Windows azonban meglehetősen helytelen és olvashatatlan simítás, kitalálni, melyik képernyő a Windows:
A szűrő hagyjuk számomra legalábbis a felhasználók számára a Safari (és ez egy tervező és kódoló blogom =)), így a helyszínen az eredeti formájában a Myriad. A többi megmutatni gyönyörű Arial.
A szűrő egy kombinációja két szűrő (Safari 2 és 3).
Ismeretes, hogy a Safari 2 nagyon érzékeny idegenek érvénytelen karaktereket CSS, úgyhogy nem olvassa a kódot utánuk. Például itt ez a kialakítás:
Minden böngésző teszi a zöld rész. míg Safari 2, akkor piros lesz. Sőt, ahelyett, #, akkor egy csomó furcsa karakterek, de kit érdekel, ha működik. Természetesen, ha ez a három sor, hogy írjon elején CSS, Safari 2 azt (fájl) nem olvassa egyáltalán. Ezen kívül, senki sem zavar, hogy használni, hanem szelektor, például import utasítást, és így egy külön CSS fájlban Safari 2.
C Safari 3, minden könnyebb. Úgy jött ki a közelmúltban, és mint minden új böngésző támogatja a sötétben, több ezer érdekes CSS3 pszeudo-osztályok, amelyek még nem sejtette még a Windows böngészők, sőt az összes többi. És akkor van egy nagy a valószínűsége, hogy a következő néhány évben, hogy támogatni fogja csak. Az egyik ilyen tulajdonságok:
A font piros lesz csak a Safari 3 Pszeudo-utas maga egzotikus - érthető elméleti hasznát, nem jön. Hivatalos megnevezése:
A: first-of-típusú pseudo-class egyik eleme, hogy az első testvér a maga nemében a listán a gyermekek a szülő elem
Kombinációs Safari 2 és 3
Egyesítené a két szűrő, stílus lehet etetni csak a Safari 2-3.
Itt van, hogyan csináld a blogomban, mit csodálni Myriad:
Works!. Annak ellenére, hogy kis százaléka Safari egészének, van egy tendencia, hogy az a tény, hogy ez nagyon gyakori a modern ügyfelek számára. Összességében Safari nagyon jó, és ezek a szűrők szükségesek nagyon ritkán.
Örülnék, ha valaki megosztja tapasztalatait!
frissítés v.2
A végső szűrő kiválasztása (köszönhetően Antejan és Mester):
- / * Értsd * Csak Safari /
- szervezet: első-of-típusú .class<>
- / * Értsd * Csak Safari /
- html: root * .class <>
- / * Értsd * Csak Safari /
- html * .class <>
- / * Csak a Safari és az Opera fogja érteni * /
- @media képernyő és (-webkit-min-eszköz-pixel-arány: 0)<.class <>>
- / * Értsd * Csak Safari /
- szervezet: első-of-típusú .class<>
Abban a pillanatban, az összes ilyen hack csak egy:
A legsikeresebb véleményem módon, hogy írjon css Safari mindössze 3 / Chrome:
@media képernyő és (-webkit-min-eszköz-pixel-arány: 0) szervezet: első-of-típusú .clazz
>
Először. Font az INPUT és teksareah is szükséges rögzíteni, hogy öreg vagyok.
A második és fontosabb. Vajon szánalmas művészeti vezetők, akik nem zavarja a rezonáns projektek és más butterom megtanulni egy listát több tucat betűtípus.
A hozzáadott golovnyaka Imposer felhasználók és webhelyek. Nos, mi a fasz lehet számtalan, Genn. Ez nem villog, és a Photoshop, és még a szafari az ő lehengerlően buta simítás. ideje van, és megérteni, hogy mi történik, akkor szar!
És igen, azt állítják, hogy meg lehet csinálni kibaszott honlapok segítségével a betűtípus működik megfelelően minden platformon, anélkül, hogy ezek itt perverzió.
Köszönjük INPUT I és figyelmen kívül hagyni =). Genn tudott válaszolni magát, de valójában inkább a „szép kis dolog” nekem és Safari felhasználók, hanem „a helyszín a számtalan” Én mindig a számtalan helyébe Tahomu vagy Arial, és nem is hiszem, hogy nagyobb projektek. Amíg láttam számtalan szafari ...
Nos ez egy személyes blog - ahol szintén lehet olyan perverz? =)
PS: körülbelül simítás Safari emeleti csoda =)
Képpontkorrekció olyan dolog ellentmondásos. Hagyja :)
A notifayah a komentah, amely a teljes hivatalos szövegét tévútra megy, úgy tűnik, hogy a minta önmagában hibás kódolás.
Nos, egy jó ötlet, hogy egy horgonyt komentov és így a levél arra való utalás :)
Igen, a kísérlet arra, hogy minden az UTF-8 eddig nem sikerült =) Ez részben ezért is WordPress 1.5, csak shhh ....
A Safari Windows alatt megmutattam, nagyon sima Arial. INPUT uavebe megjelenés rendeltetésszerűen. de Unstyled sabmita - szokás szerint szappantartó ..
@ Dávid: bebebe és wah), hogy szoktam, hogy megzavarja túl messzire viccek, gúny általában =) I különbségek olyan nyilvánvaló volt -, hogy nem Bebe és wow nem összekeverni ha. Mi igazam volt!
@ GTR: Hak természetesen csak a Mac Os, Safari Windows alatt lenne lapított, mint undorító „én” Myriad. És általában - kivéve, ha valaki komolyan veszi a Safari Windows alatt? Nos ez így ... egy játék.
@ Szergej: Nem értem, hogy mit Soames volt megfelelő leképezést beszél? Csak a böngészők már rendben van, én is nagyon hálás a segítséget rámutatva a hiba. (Vagy te beszélsz egy feltételezett?)
/ * + Safari csak * /
html * .class <>
/ * - szafari csak * /
/ * + Safari3 csak * /
@media képernyő és (-webkit-min-eszköz-pixel-arány: 0) .class <>
>
/ * - safari3 csak * /
Az első köszönöm! Adunk az üzenetre
De a második már megérti és opera 9 ... Szükséges megjegyezni. Ő nem „safari3 csak”
By the way, szervezet: első-of-típusú megérti és Opera 9.5
De @media képernyő és (-webkit-min-eszköz-pixel-arány: 0) My Opera nem valósul meg, ellentétben például, @media képernyő és (min-szélesség: 20 képpont)
Amennyire én tudom, érthető volt, hogy pontosan 9. opera, azaz jövő támogatás nem, van egy speciális -webkit - ***
Mindkét hozzá üzenetre lesz teljesen a problémát.
Köszönöm szépen, és Antejan Kildor!
És az utolsó frissítés a mák, tettem egy pisztolyt Safari 3. Talán itt az ideje, hogy pont a második. Egy hónap múlva, vagy hat hónap, részesedése elhanyagolható.
Egyetértek =) De sok makyuzery szeretné megvenni a természetben, és ezért az átmenet késik. És én még mindig nem elegendő élvezte tigris), mert ülök a 2. Safari és a Mac OS Tiger. Egyébként szafari annyira jó, hogy ez a hack inkább egy „vicc”, nem pedig a valós igényeket
Ja, és én a Google Eszköztár a zsákmányt Firefox is nyert valami szép korichnevenkoe kerekítést.
Igen, talán ugyanaz a gondolat, hogy testre INPUT utópisztikus :(
Arról beszélek, hogy az utolsó frissítés a Tiger :) Ő sikerrel Safari 3.
Tud javasolni, hogyan lehet megtekinteni a helyszínen Safari Windows?
Milyen típusú szolgáltatás egy szál vagy programulina ...
Macy nem vagyunk túl gyakori -, hogy optimalizálja a telek számukra csak akkor indul el, ha tényleg nincs semmi lehetőségek :)
Természetesen azt szeretnénk, hogy mindenkinek a kedvére, de érdemes annyi erőfeszítést?
Hogy napryazhno néha egy web designer ... kifejlesztett egy egységes szabvány, de mindenki úgy véli, hogy joga van, hogy megtörje a maga módján, és mi van, hogy a rap :)
Általában igazad van persze =)
De ... ebben a különleges bíró magad - Van egy pipacs, a tervező mák, együtt teszünk egy hely ... =) És mégis, sok gazdag ügyfelek mák - és minden bizonnyal látni az elrendezés az első helyen az e OS, ezért úgy döntöttem, hogy ez nem mindig de néha ilyen csapkod jöhet
Tervezés html * .class <> Safari3win odafigyel ...
Már csütörtökön lesz a mák - nézek. Ez azért van, mert a bizalom, de ellenőrizni. Bár én még mindig hajlik arra, hogy a hosszú enyelgés a Windows-verzió ...
html * .class <> - Safari + IE
html: root * .class <> - Csak Safari
html * .class <> - nevalidno
első-of-típus - ez a pszeudo-osztály (csakúgy, mint bármely más Gondolom) helyettesítjük: lebeg az egérrel. és könnyek ... mint egy rongyot gumicsónak
És ez pszeudo nem használható ugyanabban az időben? Van valami megzavarja. Ne feledje: hover és: first-child példa.
Vagy félreértettem?
Úgy értem, mi van, ha tulajdonságait ismerteti a: first-child, és: lebeg, és ők [a tulajdonságok] természetesen eltérőek, ha lebeg a egér tuning szafari (amit leírt: first-child) elveszett, és ez akkor lép hatályba, hogy a leírt látszólagos osztály: hover
Ne használatát jelenti:
Nem valószínű, hogy valaki megkérdezi: hover a szervezet számára ...
Ahh, akkor egyértelmű, aztán nem tudtam .class: first-of-típusú, mert fedésben van .class: hover
Nézzük részletesebben meghatározzák a szintaxis struktúrák html * .class <> és html: root * .class <>. Nem értem ezeket a terveket minden böngésző minden értelmezési ... Azon a helyen, a csoda irányelvek betét választó ingatlanok? )
Új oldal, minden szűrőt. én Safari 3 blokk minden zöld. Ez azt jelenti, hogy a Safari 3 veszi az egész DSS. A faerfoks - minden piros. Az opera zöld blokk 4-es számú.
Share képernyőképet vagy felügyelet? Safari 2 már valaki?
Yuri, köszönöm. Megtaláltam a hibát a szintaxis. Tervezés html * .class <> és html: root * .class <> tényleg működik.)
További html: root .class <> - működik Safari + Firefox
Köszönjük kiválasztás =) Milyen jó, hogy az összes hack egy helyen mindegy, nem kell szinte soha nem lenne nagyon ijesztő emlékezni ezeket a struktúrákat)
És ha azt kell feltörni a Safari örökölni egy osztály, típus
h3.green .listing
Megfelelő csak az első „piszkos” verzió?
Amikor vezetők összeesküdtek valahogy végre, és nem lesz minden böngésző valami doshlifovyvat és módosítja a fájlt. Mivel nem shpetsialistom html / css olykor sok időt, hogy a webhely nem perekosobochivalo és minden ugyanúgy nézett ki mindenütt.
De most a helyzet megváltozott egy kicsit.
Először is, -webkit-min-eszköz-pixel-arány: 0 megérti Opera 9 és 9,5, és másrészt, mivel megérti 9,5: az első-of-típusú. Nos, a harmadik helyen, továbbá a Safari 3 megérti ezt, és a Chrome.
Ezért a legsikeresebb véleményem módon, hogy írjon css Safari mindössze 3 / Chrome:
@media képernyő és (-webkit-min-eszköz-pixel-arány: 0) szervezet: első-of-típusú .clazz
>
Opera 9 áthaladnak a @media, de letört a: first-of-típusú, és 9,5 azonnal @media.
Itt screenshotok, hogy erősítse meg a szavait.
minimális korrekció:
@media képernyő és (-webkit-min-eszköz-pixel-arány: 0) szervezet: első-a-típusú .n5 háttér: zöld;
>
>
.n5
By the way, tudja valaki a felhasználók / rajongók Opera elmagyarázzák, hogyan lehet védett (ha nem tévedek) -webkit- tulajdon ebben a böngészőben?
html * s megértés magabiztosan
szervezet: első-of-választó - Mozilla és az Opera is a témában :)
szervezet: első-of-típus - króm is kotorászik
Tehát ez csak html: root *
[...] még nem működik a Chrome 2 az az oka, ezt a hack és egyéb hack szafari itt található. [...]
És van néhány ötlet, hogyan kell írni egy hack a harmadik szafari, amely nem fog működni a negyedik?
[...] még nem működik a Chrome 2 az az oka, ezt a hack és egyéb hack szafari itt található. [...]
Nos, ez a változat a típus 5 nem hack :(?