Ke eng le hore na ke hobane'ng ha u lokela ho li sebelisa
Li-prefixes tsa barekisi ba CSS, hape li tsejoa e le prefixes ea sebapali sa CSS , ke tsela ea baetsi ba sebapali ho eketsa ts'ehetso ea lisebelisoa tse ncha tsa CSS pele likarolo tseo li tšehetsoa ka botlalo libukeng tsohle. Sena se ka etsoa nakong ea tlhahlobo le nako ea teko moo moetsi oa sebapali a tsebang hantle hore na likarolo tsena tse ncha tsa CSS li tla sebelisoa joang. Litlhahiso tsena li ile tsa tsebahala ka ho phahama ha CSS3 lilemong tse 'maloa tse fetileng.
Ha CCS3 e qala ho hlahisoa, thepa e mengata e thabisang e ile ea qala ho otla li-browser tse sa tšoaneng ka linako tse fapaneng. Ka mohlala, li-browsers tse tsamaisoang ke webkit (Safari le Chrome) ke tsona tsa pele tse kenyelletsang mefuta e meng ea li-animation joaloka phetoho le phetoho. Ka ho sebelisa thepa ea ho rekisa pele, baetsi ba marang-rang ba ile ba khona ho sebelisa likarolo tseo tse ncha mosebetsing oa bona 'me ba li bonts'a li-browser tse li tšehetseng hang-hang, ho e-na le ho tlameha ho emela moetsi e mong le e mong oa sebapali ho fumana!
Kahoo, ho ea ka pono ea moqapi oa websaete ea pele, li-prefixes tsa sebapali li sebelisoa ho eketsa likarolo tse ncha tsa CSS hosaete ha li ntse li e-na le matšeliso a ho tseba hore li-browser li tla tšehetsa mekhoa eo. Sena se ka thusa haholo-holo ha baetsi ba lipapali ba fapaneng ba sebelisa mekhoa ka litsela tse fapaneng kapa ka tumellano e fapaneng.
Li-prefixes tsa li-browser tsa CSS tseo u ka li sebelisang (e 'ngoe le e' ngoe e hlalosang sebapali se fapaneng) ke:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Maemong a mangata, ho sebelisa thepa e ncha ea mokhoa oa CSS, o nka thepa ea CSS e tloaelehileng 'me u eketsa sekhetho sa sebapali ka seng. Liphetolelo tsa pele li tla tla pele (ka tatellano leha e le efe eo ue ratang) ha thepa e tloaelehileng ea CSS e tla tla qetellong. Ka mohlala, haeba u batla ho eketsa phetoho ea CSS3 tokomaneng ea hau, u tla sebelisa thepa ea phetoho joalokaha ho bontšitsoe ka tlase:
-webkit- phetoho: boiketlo bohle ba 4;
-moz- phetoho: boiketlo bohle ba 4;
-ms- phetoho: boiketlo bohle ba 4;
-e phetoho: ho phutholoha ha 4;
Phetoho: ho lokoloha hohle ho 4;
Tlhokomeliso: Hopola, li-browser tse ling li na le syntaxe e fapaneng bakeng sa thepa e itseng ho feta ba bang, kahoo u se ke ua nka hore sebapali-prefixed version ea thepa e tšoana hantle le thepa e tloaelehileng. Ka mohlala, ho theha setšoantšo sa CSS , u sebelisa thepa e nang le linear. Firefox, Opera, le liphetoho tsa kajeno tsa Chrome le Safari li sebelisa mohaho ona le sephetho se nepahetseng ha Chrome le Safari li qala ho sebelisa thepa -webkit-gradient pele. Hape, Firefox e sebelisa mekhoa e sa tšoaneng ho feta e tloaelehileng.
Lebaka la hore kamehla u felise phatlalatso ea hau ka tlhaho e tloaelehileng, eseng prefixed ea thepa ea CSS ke hore ha sebapali se tšehetsa puso, se tla se sebelisa. Hopola hore na CSS e baloa joang. Melao ea morao-rao e qala ho feta mehleng ea pejana haeba e ikhethileng e le eona e le 'ngoe, ka hona sebapali se tla bala phetolelo ea mohoeletsi oa molao le tšebeliso ea eona haeba e sa tšehetse se tloaelehileng, empa hang ha e se e tla fetola phetolelo ea morekisi le puso ea sebele ea CSS.
Li-prefixes tsa barekisi ha li na hako-hloko
Ha basebelisi ba pele ba qeta ho tsejoa, basebetsi ba bangata ba marang-rang ba ne ba ipotsa hore na ba senyehile kapa ba khutlela matsatsing a lefifi la ho batla khoutu ea mocheng oa marang-rang ho tšehetsa li-browser tse sa tšoaneng (hopola ba "Websaete ena e shebahala ka ho fetisisa melaetsa ea IE ". Baqapi ba CSS ba prefixes ha ba hacks, leha ho le joalo, 'me ha ua lokela ho ba le likheo tsa ho li sebelisa mosebetsing oa hau.
CSS e senya liphoso tse kenngoa ts'ebetsong ea ntho e 'ngoe kapa thepa e le hore e fumane setša se seng se sebetse hantle. Ka mohlala, lebokose la lebokose la mekhoa ea mekhoa ea liphoofolo e sebelisitsoe liphoso ha ho bapisoa le thepa ea lelapa- kapa tsela eo li-browsers li tsamaisang morao-rao (\). Empa mekhoa ena e ne e sebelisetsoa ho lokisa bothata ba phapang pakeng tsa hore na Internet Explorer 5.5 e sebetsana joang le lebokose la lebokose le kamoo Netscape e hlalositseng kateng, mme ha e amane le mokhoa oa lelapa la lentsoe. Ka lehlohonolo tsena li-browser tse peli tse fetileng ke tsona tseo re sa nang le tsona ka matsatsi ana.
Sephetho sa barekisi ha se hack hobane se lumella hore ho be le litaelo tsa hore na setša se ka sebelisoa joang, ha ka nako e tšoanang ba lumella baetsi ba sebapali hore ba sebelise thepa ka tsela e fapaneng ntle le ho roba ntho e 'ngoe le e' ngoe. Ho feta moo, li-prefixes tsena li sebetsa le li-CSS tse tla qetella e le karolo ea sebopeho . Re ntse re eketsa khoutu e itseng e le hore re tle re fihlele thepa kapele. Ena ke lebaka le leng leo ka lona u felisang puso ea CSS ka thepa e tloaelehileng, eseng prefixed. Ka tsela eo o ka theola liphetolelo tse hlahang pele ho ts'ehetso ea sebapali se feletseng.
U batla ho tseba hore na tšehetso ea sebapali bakeng sa karolo e itseng ke efe? CanIUse.com ea marang-rang ke mohloli o babatsehang oa ho bokella tlhahisoleseding ena le ho u tsebisa hore na ke lipapali life, le hore na ke liphetolelo life tsa libabelisi tseo, hona joale tse tšehetsang tšobotsi.
Li-Prefixes tsa barekisi li halefisa empa li na le nakoana
E, e ka 'na ea ikutloa e halefisa ebile e pheta-pheta ho tlameha hore e ngoloe thepa ka makhetlo a 2-5 hore e sebetse libukeng tsohle, empa ke boemo ba nakoana. Ka mohlala, lilemong tse 'maloa tse fetileng feela, ho beha sekhutlo se ka lebokoseng leo u lokelang ho le ngola:
-moz-border-radius: 10px 5px;
-bote-moeli-ka holimo-lehlakoreng le letšehali: 10px;
e-hodimo-ka holimo-ka holimo-kahare: 5px;
-botebo-moeli-ka tlaase ho le letona-radius: 10px;
-botebo-moeli-ka tlaase-ka letsohong le letšehali: 5px;
moeli-radius: 10px 5px;
Empa hona joale ha libabelli tsa elektronike li tšehetse ka botlalo tšobotsi ena, u hlile u hloka phetolelo e tloaelehileng:
moeli-radius: 10px 5px;
Chrome e tšehetse thepa ea CSS3 ho tloha ka version 5.0, Firefox e kentse ka tlhahiso ea 4.0, Safari e kentse ka 5.0, Opera ka 10.5, iOS in 4.0, le Android ka 2.1. Esita le Internet Explorer 9 e e tšehetsa ntle le sephetho sa pele (mme IE 8 le tlaase ha e e tšehetse ka ntle le pele kapa pele).
Hopola hore li-browser li tla lula li fetoha le litsela tsa pōpo bakeng sa ho tšehetsa li-browsers tse seng kae li tla hlokoa ntle le hore u rerile ho haha maqephe a maqephe a lilemo tse ka morao mekhoa ea morao-rao. Qetellong, li-prefixes tsa ho ngola li bonolo haholo ho feta ho fumana liphoso le ho sebelisa hampe tse ka 'nang tsa behoa ka nako e tlang, tse hlokang hore u fumane phoso e' ngoe ea ho sebelisa le ho feta.