Indlela yohlobo lweFrames neCSS

Ukuqonda indlela ama-IFrames asebenza ngayo kwi-design website

Xa ufaka isalathisi kwi- HTML yakho, unamathuba amabini okongeza izitayela zeCSS kuwo:

Ukusebenzisa iCSS kwiStrif ye-IFRAME

Into yokuqala omele uyiqwalasele xa ukhetha ama-iframes akho yi-IFRAME ngokwayo. Ngelixa ezininzi iiphequluli ziquka ii-iframes ngaphandle kweendlela ezininzi ezongezelelweyo, kusengumqondo omuhle ukongeza ezinye izitayela zokuzigcina ziqhubeka.

Nazi ezinye iindlela zeCSS ndihlala zibandakanya kwiifayile zam:

Ngobubanzi kunye nokuphakama kusetyenziswe ubukhulu obuya kumqulu wam. Nayi imimiselo yesakhelo esingenazo izitayela kunye nomnye ozobhaliweyo. Njengoko ubona, ezi zintlobo zikhupha kuphela umda malunga ne-iframe, kodwa ziqinisekisa kwakhona ukuba zonke iiphequluli zibonisa ukuba zihamba ngee-margins ezifanayo, i-padding, kunye nobukhulu.

I-HTML5 isincoma ukuba usebenzise ipropati yokuphuphuma ukuze ususe imivalo ye-scroll, kodwa leyo ayithembekiyo. Ngoko ukuba ufuna ukususa okanye utshintshe imivalo yempuphu, kufuneka usebenzise i-attributing attribute kwi-iframe yakho. Ukusebenzisa umtsalane wokukrola, wongeze njenganoma yimuphi ummiselo uze ukhethe enye yeempawu ezintathu: ewe, hayi, okanye nge-auto. Ewe uxelela isiphequluli ukuba ihlale ibandakanya imivalo yokuprolela nangona ayifuni. akukho utshilo ukususa yonke imivalo yokucoca nokuba kuyimfuneko okanye ayikho.

I-auto yinto engagqibekanga kwaye ibandakanya imivalo yokucoca xa ifunekayo kwaye iyakhupha xa ingekho.

Nantsi indlela yokucima ukukrola kunye nomkhwa wokukhwela:

ukukhwela = "akukho" >
Le yi-iframe.

Ukucima ukukrola kwi-HTML5 kufuneka usebenzise ipropati ephumayo. Kodwa njengokuba ubona kule mizekelo ayisebenzi ngokuthembeka kuzo zonke iiphequluli.

Nantsi indlela oya kuguqula ngayo ukupheqa lonke ixesha kunye nepropati ephumayo:

isita = = "phumla: prola;" >
Le yi-iframe.

Akukho ndlela yokucima ukukhwela ngokupheleleyo kwipropati ephumayo.

Abenzi abaninzi bafuna ukuba ii-iframes zabo zidibanise kunye nemvelaphi yekhasi abakuyo ukuze abafundi bangazi ukuba ii-iframes zikhona. Kodwa unako ukongeza izitayela zokubenza bazime. Ukulungiswa kwemida ukuze i-iframe ibonise ngokulula kulula. Sisebenzise kuphela impahla yendlela yomda (okanye uhambelana nomda ophezulu, umda ongakwesokudla, umda osekunqamle kumda, kunye neepropati ezingezantsi) ukuya kwisimbolo semida:

iframe {
phezulu-umda: # c00 1px eneenkcukacha;
umda-ngakwesokudla: # c00 2px eneenkcukacha;
umda osekhohlo-ngasemva: # c00 2px eneenkcukacha;
umda wezantsi: # c00 4px eneenkcukacha;
}

Kodwa akufanele uyeke ukukhwela kunye nemida ngenxa yezitayela zakho. Ungasebenzisa ezininzi iindlela zeCSS kwiifirm yakho. Lo mzekelo usebenzisa izitayela zeCSS3 ukunika iframe isithunzi, iikona ezijikeleziweyo, kwaye zijikeleze i-degrees ezingama-20.

iframe {
phezulu: 20px;
umgca wezantsi: 30px;

-mz-edge-radius: 12px;
-bb-border-radius: 12px;
umda-umngcele: 12px;

-mz-bhokisi-isithunzi: 4px 4px 14px # 000;
-blog-box-shadow: 4px 4px 14px # 000;
ibhokisi-isithunzi: 4px 4px 14px # 000;

-moz-guqula: jikela (20deg);
-webkit-guqula: jikela (20deg);
-o-guqula: jikela (20deg);
-ms-guqula: jikela (20deg);
ucoca: iprojekthi: DXImageTransform.Microsoft.BasicImage (ukujikeleza = .2);
}

Ukuthabatha i-Iframe

Ukubetha iziqulatho ze-iframe kufana nokuthayipha nayiphi na enye iphepha lewebhu. Kodwa, kufuneka ube nokufikelela ukuhlela iphepha . Ukuba awukwazi ukuhlela iphepha (umzekelo, kwenye indawo).

Ukuba unako ukuhlela iphepha, unako ukongeza ifayile yesitayela yangaphandle okanye izitayela ngqo kwixwebhu njengokuba ungayichaza nayiphi na enye iphepha lewebhu kwiwebhusayithi yakho.