Sib txawv ntawm "zaub: tsis muaj" thiab "visibility: zais" hauv CSS

Tej zaum yuav muaj sij hawm, thaum koj ua hauj lwm rau kev tsim cov nplooj ntawv web, koj yuav tsum "nkaum" qee qhov chaw ntawm cov khoom rau ib qho los yog lwm qhov. Koj tuaj yeem tshem tawm cov khoom (s) hauv cov lus nug los ntawm HTML cim, tab sis yog tias koj xav kom lawv nyob twj ywm hauv txoj cai, tab sis tsis muab tso rau ntawm qhov browser rau txhua qhov vim li cas (thiab peb yuav rov qab saib cov laj thawj ua qhov no tsocai). Yuav khaws ib lub cim rau hauv koj cov HTML, tab sis zais nws rau cov zaub, koj yuav tig mus rau CSS.

Ob txoj kev uas yuav zais ib lub caij uas nyob hauv HTML yuav siv CSS cov khoom rau "zaub" lossis "visibility". Thaum xub thawj siab, ob lub zog no yuav zoo li qhov qub tshaj plaws, tab sis lawv txhua tus nyias txawv nyias uas koj yuav tsum paub txog. Cia wb mus saib qhov sib txawv ntawm cov zaub: tsis muaj thiab visibility: zais.

Pom tau

Siv lub CSS vaj tse / tus nqi nkawm ntawm kev pom: zais ib lub keeb los ntawm qhov browser. txawm li cas los xij, tias lub caij zais tseem tseem siv qhov chaw hauv qhov tsim. Nws zoo li koj tau ua lub hauv pom, tiam sis nws tseem nyob rau hauv qhov chaw thiab yuav siv sij hawm mus rau qhov chaw nws yuav tau coj mus tau nws tau tso nyob ib leeg.

Yog hais tias koj muab ib DIV rau hauv koj nplooj ntawv thiab siv CSS los muab qhov ntev rau 100 x 100 pixels, qhov pom kev: tom qab ntiag tug yuav ua rau DIV tsis pom ntawm qhov screen, tab sis cov ntawv tom qab nws yuav ua zoo ib yam li nws tseem muaj, saib taus 100 x 100 yov.

Honestly, cov cuab yeej visibility tsis yog dab tsi peb siv heev heev, thiab yeej tsis nws tus kheej. Yog tias peb tseem siv lwm yam CSS cov cuab yeej zoo li qhov chaw mus ua kom tiav qhov peb xav tau rau ib lub caij, ces peb yuav siv qhov kev pom tau los nkaum cov khoom ntawd pib, tsuas yog "tig" nws rov qab rau ntawm yuj. Uas yog ib qho tau siv ntawm cov cuab yeej no, tab sis dua, nws tsis yog ib yam dab tsi uas peb tig mus rau txhua zaus.

Zaub

Tsis zoo li cov cuab yeej kev pom kev, uas tawm hauv ib qho hauv cov ntaub ntawv tsis tu ncua, tso saib: tsis muaj ib yam tshem tawm cov lus ntawm daim ntawv. Nws tsis coj mus rau qhov chaw, txawm tias cov HTML rau nws tseem nyob rau hauv qhov chaws. Qhov no yog vim nws yog, tseeb, tshem tawm ntawm cov ntaub ntawv khiav. Rau tag nrho cov hom phiaj thiab lub hom phiaj, qhov khoom ntawd ploj mus. Qhov no tuaj yeem ua qhov zoo lossis qhov phem tshaj plaws, nyob ntawm seb koj qhov kev xav yog dabtsi. Nws kuj tuaj yeem ua rau koj cov nplooj ntawv yog tias koj siv lub vaj tse no!

Peb nquag siv "zaub: tsis muaj" thaum kuaj ib nplooj. Yog tias peb xav tau ib qho chaw rau "ploj mus" ib ntus kom peb thiaj li kuaj tau lwm qhov ntawm nplooj ntawv, peb tuaj yeem siv cov duab: tsis muaj rau qhov ntawd. Qhov tseemceeb uas yuav tsum nco ntsoov, txawm li cas los xij, yog lub sijhawm ntawd yuav tsum xa rov qab mus rau nplooj ntawv ua ntej lub sijhawm pib ntawm qhov chaw ntawd. Qhov no yog vim hais tias ib yam khoom uas raug muab tshem tawm ntawm cov ntaub ntawv khiav hauv hom no tsis yog pom los ntawm kev tshawb fawb xyaw los yog cov nyeem nyeem ntawv, txawm tias nws yuav nyob twj ywm hauv HTML cim npe. Nyob rau hauv lub dhau los, hom no yog siv los ua ib txoj kab dub-txoj hauv kev sim los cuam tshuam kev tshawb fawb cov kev tshawb fawb, yog li cov khoom uas tsis tau nthuav tawm yuav yog xim liab rau Google saib hauv vim li cas qhov kev siv no yog siv.

Ib txoj kev uas peb pom cov zaub: tsis muaj leej twg yuav pab tau, thiab qhov uas peb siv nws nyob, cov websites, yog tsim los thaum peb tsim ib lub tsev kawm ntawv uas muaj cov ntsiab lus muaj rau ib qho loj me tab sis tsis yog rau lwm tus. Koj tuaj yeem siv cov zaub: tsis muaj leej twg nkaum ntawd lub caij thiab ces tig nws rov qab nrog cov lus nug tawm tom qab. Qhov no yog ib qho siv tau cov ntaub ntawv: tsis muaj, vim koj tsis tabtom zais ib yam dab tsi rau cov tsis muaj tseeb, tab sis muaj ib qho tseem ceeb yuav tsum tau ua li ntawd.

Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 3/3/17