He aha lākou a no ke kumu e hoʻohana aiʻoe iā lākou
ʻO nā prefix hoʻolaha kūʻai CSS, iʻikeʻia heʻanoʻike CSS paha, he ala e hiki ai i nā mea hana kele pūnaewele ke kākoʻo i ka kākoʻo no nā hiʻohiʻona CSS hou ma mua o ka paʻaʻana o nā hiʻohiʻona i nā pūnaewele. Hiki ke hana i kēia ma kahi o ka hoʻokolohua a me ka manawa hoʻokolohua kahi e hoʻomaopopo ai ka mea hoʻohana pūnaewele i keʻano e hoʻokomoʻia ai kēia mauʻano CSS hou. Ua lilo kēia mau prefix i kaulana loa i ka piʻiʻana o CSS3 i nā makahiki i hala aku nei.
I ka manawa i hoʻomaka muaʻia aiʻo CCS3, ua hoʻomakaʻia kahi mau mea hauʻoli i nā meaʻokoʻa likeʻole i nā manawa likeʻole. Eia kekahi laʻana,ʻo nā mea huli pūnaewele-powered (Safari a Chrome) nā mea mua e hoʻokomo i kekahi o nāʻano hoʻomeheuʻano like me ka transform and transition. Ma o ka hoʻohanaʻana i nā hale kūʻai i kūʻaiʻia ma mua, ua hiki i nā mea hoʻolāki pūnaewele ke hoʻohana i kēlā mau hiʻohiʻona hou i kā lākou hana aʻikeʻia ma nā mea nānā i kākoʻo iā lākou ma mua, ma mua o ka kaliʻana i nā mea'ē aʻe e loaʻa.
No laila, mai ka manaʻo o ka mea hoʻopuka mua pūnaewele, hoʻohanaʻia nā prefix pūnaewele e hōʻano hou i nā hiʻohiʻona CSS hou ma kahi papaʻa me ka hōʻoluʻoluʻana e kākoʻo nā meaʻike i kēlā mauʻano. Hiki ke kōkua nui kēia i ka hoʻoikaikaʻana o nā mea hana polokalamu kelepona i nā waiwai i nāʻanoʻano'ē aʻe a iʻole me ka syntax likeʻole.
Hiki iāʻoe ke hoʻohana i nā prefix CSS (ʻo kēlā me kēia mea i kahiʻokoʻa'ē aʻe):
- Pūnaewele: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Pūnaewele Internet: -ms-
- Io: -webkit-
- Opera: -o-
- Hana Safari: -webkit-
Ma ka hapanui o nā hihia, e hoʻohana i kahi waiwaiʻano CSS hou, laweʻoe i ka waiwai CSS kūikawā a hoʻohui i ke prefix no kēlā me kēia polokalamu kele pūnaewele. E hele mua nā hua mua i hoʻonohonohoʻia (ma kēlā me kēia kauoha āu e makemake ai) aʻo ka waiwai CSS maʻamau e lilo i hope. Eia kekahi laʻana, inā makemakeʻoe e hoʻohui i kahi hoʻololi CSS3 i kāu palapala, e hoʻohana anaʻoe i ka waiwai hoʻololi e like me ia i hōʻikeʻia i lalo nei:
-webkit- hoʻololi: hiki i nā mea a pau 4 ke maʻalahi;
-moz- hoʻololi: hiki i nā mea a pau 4 ke maʻalahi;
-ms- hoʻololi: hiki i nā mea a pau 4 ke maʻalahi;
-o ka hoʻololi: hiki i nā 4 a pau ke maʻalahi;
hoʻololi: hiki i nā mea a pau 4 ke maʻalahi;
E hoʻomanaʻo: E hoʻomanaʻo, loaʻa kekahiʻano hōʻailona o kekahi poʻe kelepona no kekahi mau waiwai ma mua o nā mea'ē aʻe, no laila, mai manaʻoʻoe heʻano like ka pūnaewele pūnaewele o kahi waiwai me ka waiwai kūpono. No ka laʻana, no ka hanaʻana i ka CSS gradient , hoʻohanaʻoe i ka waiwai linear-gradient. ʻO Firefox,ʻOpera, a me nāʻano hou o Chrome a me Safari e hoʻohana ana i kēlā waiwai me ka prefix pono i nā wā o ka hoʻomakaʻana o Chrome a me Safari e hoʻohana i ka waiwai i hoʻonohoʻia ma mua -webkit-gradient. Eia kekahi, ke hoʻohana neiʻo Firefox i nā kumukūʻai likeʻole ma mua o nāʻano maʻamau.
ʻO ke kumu e hoʻopaʻa mau aiʻoe i kāu hōʻike me keʻano maʻamau o ka waiwai CSS,ʻaʻole i hoʻokumuʻiaʻo ia inā hiki i ka polokalamu kele pūnaewele ke kākoʻo i ka rule, e hoʻohana ana ia i kēlā. E hoʻomanaʻo i ke heluheluʻiaʻana o CSS. ʻO nā kulekele hou eʻoi aku i mua o nā mea ma mua inā inā heʻano like ka mea pololei, no laila, e heluhelu ka mea heluhelu i ka pūnaewele kūʻai o ka rule a hoʻohana i kēia ināʻaʻoleʻo ia e kākoʻo i ka mea maʻamau, akā inā hoʻokahi, e hoʻopauʻia ka polokalamu kūʻai ke kulekele CSS maoli.
ʻO nā prefix mea kūʻaiʻaʻoleʻo Hack
I ka manawa i hoʻokomo muaʻia ai nā prefix o nā kūʻai, nui ka poʻe'ōnaehana pūnaewele e noʻonoʻo nei inā he hack paha a iʻole hoʻi i ka hoʻiʻana i nā lā pōuliuli no ka lakaʻana i ka laikini o kahi pūnaewele no ke kākoʻoʻana i nā pūnaewele likeʻole (e hoʻomanaʻo i kēia mau "lekaʻike maikaʻi loa i kēia mau pūnaewele IE "). ʻAʻole nā pakuhi o CSS i hakeʻia, akā naʻe,ʻaʻoleʻoe e mālama e pili ana i ka hoʻohanaʻana iā lākou i kāu hana.
Hana ka CSS hack i nā hewa i ka hoʻokōʻana i kekahi mea'ē aʻe a iʻole waiwai paha no ka loaʻaʻana o kahi waiwai'ē aʻe. Eia kekahi laʻana,ʻo ka pahuhopu kaomi pahuhopu e hoʻopau i nā hewa i ka hoʻopauʻiaʻana o ka waiwai leo-ʻohana a iʻole pehea e nānā ai nā pūnaewele i nā pale (\). Akā, ua hoʻohanaʻia kēia mau hana no ka hoʻoponoponoʻana i ka pilikia o kaʻokoʻa ma waena o ka lawelaweʻana o Internet Explorer 5.5 i keʻano pahuhopu a me keʻano o ka unuhiʻana o Netscape, aʻaʻohe mea e pili ai i kaʻanoʻohana leo. Mahalo, eia kēia mau meaʻokoʻaʻelua i hala aku neiʻaʻole mākou e hopohopo iā mākou iho i kēia mau lā.
ʻO ka hoʻopuka kūʻai kūʻaiʻaʻole he hack no ka mea eʻae ana i ka'ōlelo kiko'ī e kau i nā rula no ka pono e hoʻokomoʻia ai kahi waiwai, a ma ka manawa hoʻokahi eʻae ana i nā mea hana kelepona e hoʻokomo i kahi waiwai ma kahi'ē aʻe me ka wāwahiʻole i nā mea'ē aʻe. Eia kekahi, e hana nei kēia mau prefix me CSS mau mea e lilo ana i hope o ka hōʻailona . Ke kāleʻa nei mākou i kekahi code no ka loaʻaʻana i ka waiwai i ka wā koke. ʻO kēia kekahi kumu kumu e hoʻopau aiʻoe i ka rule CSS me ka waiwai maʻamau,ʻaʻole i hoʻokomoʻia. Hiki iāʻoe ke hāʻule i nā mana i hōʻike muaʻia i ka manawa i loaʻa ai ke kākoʻo pūnaewele holomua.
Makemakeʻoe eʻike i ka mea e kākoʻo ai ka polokalamu kele pūnaewele no kahiʻano hiʻona? Hiki i ka pūnaewele CanIUse.com he punaha kupanaha no ka hōʻiliʻiliʻana i kēiaʻike a hōʻike iāʻoe i nā mea huli, a me nāʻano o kēlā mau polokalamu kele pūnaewele, ke kākoʻo nei i kahiʻano.
ʻO nā Prefix mea kūʻai akuʻo Annoying akā he mau manawa
ʻAe, hiki paha iā ia ke hoʻonāukiuki a me ka pinepine hou e kākau i nā waiwai 2-5 mau manawa e loaʻa iā ia e hana i nā polokalamu kele pūnaewele, akā he manawa lōʻihi. Eia kekahi laʻana, i kekahi mau makahiki i hala aku nei, e kau i kahi kihi i kauʻia ma kahi pahu e pono aiʻoe e kākau:
-moz-palena-palena: 10px 5px;
-ockit-palena-luna-hema-radius: 10px;
-ockit-border-top-right-radius: 5px;
Loaʻa ka palena-āpau-palena-lalo-pololei-radius: 10px;
-o ka pūnaewele-palena-lalo-hema-radius: 5px;
laina palena-palena: 10px 5px;
Akā, i kēia manawa ua hiki mai nā mea e huli ai i kēia hiʻona, pono wale nōʻoe i ka papahana kaulike:
laina palena-palena: 10px 5px;
Ua kākoʻoʻo Chrome i ka waiwai CSS3 mai ka polokalamu 5.0, hōʻoiaʻo Firefox i 4.0, Safari i hoʻohuiʻia i 5.0, Opera ma 10.5, iOS i 4.0, a me Android i 2.1. ʻOi pūʻo Internet Explorer 9 ke kākoʻo iā ia me kahi prefix (a me ka IE 8 aʻaʻole lalo i kākoʻo iā ia me kaʻole o nā prefix).
E hoʻomanaʻo i ka manawa e loli ana nā mea huli a me nā hananaʻana e kākoʻo i ka poʻe'ekuhiʻeleʻele keʻoleʻoe e hoʻolālā i ka kūkuluʻana i nā pūnaewele pūnaewele i nā makahiki ma hope o nāʻano hou. I ka hopena, ua maʻalahi ka kākauʻana o nā prefix pūnaewele ma mua o kaʻike a me ka hoʻohanaʻana i nā kuhi hewa e kūpono ana i ka hōʻailona o ka wā e hiki mai ana, e koi ana e loaʻaʻoe i kekahi hewa'ē aʻe e hoʻohana ai a pēlā aku.