Dè th 'annta agus carson a bu chòir dhut an cleachdadh
Tha ro-leasachain luchd-reic CSS, cuideachd ro-leasachain air a bheil amannan no sealladair CSS , mar dhòigh air luchd-dèanaidh bhrabhsaran taic a chur ri feartan CSS ùra mus bi na feartan sin air an làn thaic anns gach brabhsair. Dh'fhaodadh seo a bhith air a dhèanamh tro sheòrsa deuchainn agus deuchainn far a bheil inneal-dèanaiche a 'bhrobhsair a' dearbhadh gu dìreach mar a thèid na feartan CSS ùra seo a bhuileachadh. Bha na ro-leasachain sin air a bhith measail air àrdachadh CSS3 beagan bhliadhnaichean air ais.
Nuair a chaidh CCS3 a thoirt a-steach an toiseach, thòisich grunn thogalaichean inntinneach a 'bualadh air diofar bhrabhsairean aig amannan eadar-dhealaichte. Mar eisimpleir, b 'e na brabhsairean le innealan-lìn (Safari agus Chrome) a' chiad fheadhainn gus cuid de na feartan stoidhle beò-beò a thoirt a-steach mar atharrachadh agus gluasad. Le bhith a 'cleachdadh thogalaichean preastaichte, dh'fhaodadh luchd-dealbhaidh lìn na feartan ùra sin a chleachdadh san obair aca agus am faicinn orra air na brabhsairean a thug taic dhaibh air falbh, an àite a bhith a' feitheamh ri gach inneal-dèanaiche eile a ghlacas suas!
Mar sin, bho shealladh neach-leasachaidh lìn aghaidh, thathar a 'cleachdadh ro-leasachain bhrabhsair gus feartan CSS ùra a chur gu làrach fhad' s a tha fios agam gum bi na brabhsairean a 'toirt taic dha na stoidhlichean sin. Faodaidh seo a bhith gu sònraichte cuideachail nuair a bhios diofar luchd-dèanamh bhrobhsair a 'cur an seilbh air feartan ann an dòighean beagan eadar-dhealaichte no le co-chòrdadh eadar-dhealaichte.
Is e na ro-leasachan air brabhsair CSS a dh'fhaodas tu a chleachdadh (gach aon dhiubh a tha sònraichte do bhrabhsair eadar-dhealaichte):
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Anns a 'chuid as motha de shuidheachaidhean, gus seilbh ùr stoidhle CSS a chleachdadh, gabhaidh tu seilbh àbhaisteach CSS agus cuir ris an ro-leasachan airson gach brabhsair. Bhiodh na dreachan preasantaichte an-còmhnaidh a 'tighinn a-steach an toiseach (ann an òrdugh sam bith as fheàrr leibh) fhad' sa thig an seilbh àbhaisteach CSS gu dheireadh. Mar eisimpleir, ma tha thu ag iarraidh eadar-ghluasad CSS3 a chur ris an sgrìobhainn agad, chleachdas tu an t-atharrachadh eadar-ghluasad mar a chithear gu h-ìosal:
-webkit- transition: all 4s ease;
-moz- transition: all 4s ease;
-ms- gluasad: a h-uile 4s nas fhasa;
-o- gluasad: a h-uile 4s nas fhasa;
gluasaid: a h-uile ceathramh lag;
Nota: Cuimhnich gu bheil eadar-dhealachaidhean eadar-dhealaichte aig cuid de na brabhsairean airson cuid de thogalaichean na tha feadhainn eile a 'dèanamh, mar sin na gabh a-steach gu bheil an dreach ro-mheasgaichte de shealbhadair de sheilbh dìreach mar a tha an seilbh choitcheann. Mar eisimpleir, airson gradant CSS a chruthachadh, bidh thu a 'cleachdadh an seilbh air-gradant. Cleachdaidh Firefox, Opera, agus tionndaidhean ùra de Chrome agus Safari an t-seilbh sin leis an ro-leasachan iomchaidh fhad 'sa tha tionndaidhean tràth de Chrome agus Safari a' cleachdadh an togalaich leasaichte -webkit-gradient. Cuideachd, bidh Firefox a 'cleachdadh diofar luachan na na feadhainn àbhaisteach.
Is e an t-adhbhar a tha thu an-còmhnaidh a 'crìochnachadh an dearbhadh agad leis an dreach àbhaisteach, neo-leasaichte de sheilbh CSS mar sin nuair a bheir brabhsair taic don riaghailt, cleachdaidh e an aon sin. Cuimhnich mar a tha CSS air a leughadh. Bidh na riaghailtean as ùire a 'toirt prìomhachas air cinn nas tràithe ma tha an t-aon rud sònraichte, mar sin leugadh le brabhsair dreach vendor riaghailt agus cleachd e sin mura h-eil e a' toirt taic don aon rud àbhaisteach, ach nuair a nì e, cuiridh e thairis air an tionndadh vendor le an riaghailt CSS fhèin.
Chan e rèiteachaidhean reic a th 'ann an Hack
Nuair a chaidh ro-leasachain vendor a thoirt a-steach an toiseach, bha mòran proifeiseantaich lìn a 'smaoineachadh an robh iad a' falach no a 'gluasad air ais gu làithean dorcha a bhith a' toirt còd làrach-lìn airson taic a thoirt do shealladairean (cuimhnich iad air na "teachdaireachdan as fheàrr air an làrach seo ann an IE "). Chan eil ro-leasachain luchd-reic CSS air an dèanamh, ge-tà, agus cha bu chòir dhut a bhith a 'cur dragh sam bith ort mu bhith gan cleachdadh san obair agad.
Bidh cearcall CSS a 'dèanamh feum de dhìth ann an gnìomhachadh eileamaid no seilbh eile gus an tèid seilbh eile obrachadh gu ceart. Mar eisimpleir, bidh am bogsa a 'samhlachadh nam mì-ghnàthachadh ann am pearsadh air seilbh an teaghlaich-guth no mar a tha pàsearan browsers backslashes (\). Ach chaidh na h-innealan seo a chleachdadh gus duilgheadas an eadar-dhealachaidh a rèiteach eadar mar a làimhsich Internet Explorer 5.5 modail bogsa agus mar a mhìnich Netscape e, agus nach robh dad aca ri stoidhle teaghlaich nan guth. Gu fortanach, tha an dà shealladair as sine seo nach eil a 'cur dragh oirnn fhìn leis na làithean sin.
Chan eil ro-leasadair reicdair na smachd oir tha e a 'toirt cothrom don t-sònrachadh riaghailtean a stèidheachadh airson mar a dh'fhaodadh seilbh a bhith air a bhuileachadh, agus aig an aon àm a leigeas le luchd-brabhsair seilbh a chur an gnìomh ann an dòigh eadar-dhealaichte gun a bhith a' briseadh a h-uile càil eile. A bharrachd air an sin, tha na ro-leasachain sin ag obair le seilbh CSS a bhios mar phàirt den t-sònrachadh mu dheireadh . Tha sinn dìreach a 'cur ri còd gus an ruig sinn an t-seilbh tràth. Is e adhbhar eile a tha seo gu bheil thu a 'crìochnachadh riaghailt CSS leis an t-seilbh àbhaisteach, neo-leasaichte. Mar sin faodaidh tu na tionndaidhean preasagte a leagail aon uair 's gu bheil taic brabhsair làn air a choileanadh.
A bheil thu airson faighinn a-mach dè an taic a tha aig brabhsair airson feart sònraichte? Is e goireas iongantach a th 'ann an CanIUse.com airson an fhiosrachadh seo a chruinneachadh agus innse dhut dè na brabhsairean, agus dè na dreachan sin de na brabhsairean sin, a tha a' toirt taic do ghnè an-dràsta.
Tha Riatanasan an Neach-reic a 'fàs searbh ach sealach
'S e, is dòcha gum bi e a' faireachdainn duilich agus ath-aithris gum feum e na feartan a sgrìobhadh 2-5 uair gus am faigh e obair ann am brabhsairean, ach is e suidheachadh sealach a th 'ann. Mar eisimpleir, dìreach beagan bhliadhnaichean air ais, gus oisean cruinn a shuidheachadh air bogsa a dh'fheumadh tu a sgrìobhadh:
-moz-border-radius: 10px 5px;
radius -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
radius -webkit-border-bottom-left-radius: 5px;
radius-crìche: 10px 5px;
Ach a-nis tha na brabhsairean air tighinn gu làn taic don fheart seo, chan eil feum agad ach air an dreach àbhaisteach:
radius-crìche: 10px 5px;
Thug Chrome taic dha seilbh CSS3 bho dhreach 5.0, chuir Firefox e ann an dreach 4.0, chuir Safari e ann an 5.0, Opera ann an 10.5, iOS ann an 4.0, agus Android ann an 2.1. Tha eadhon Internet Explorer 9 a 'toirt taic dha gun ro-leasachan (agus cha do chuir IE 8 agus nas ìsle taic ris le ro-leasachan no às aonais).
Cuimhnich gum bi brobhsairean an-còmhnaidh ag atharrachadh agus feumar dòighean cruthachail airson taic a thoirt do bhrobhsairean nas sine mura h-eil thu a 'dealbhadh air duilleagan lìn a thogail a tha air cùl nam modhan as ùire. Aig a 'cheann thall, tha ro-leasachain sgrìobhaidh gu math nas fhasa na mearachdan a lorg agus a chleachdadh a dh' fhaodadh a bhith air an suidheachadh ann an dreach san àm ri teachd, a 'ciallachadh gum faigh thu mearachd eile gus brath a ghabhail agus mar sin air adhart.