Ukuqonda indlela ama-IFrames asebenza ngayo kwi-design website
Xa ufaka isalathisi kwi- HTML yakho, unamathuba amabini okongeza izitayela zeCSS kuwo:
- Unokwakhetha i IFRAME ngokwayo.
- Ungayibhala iphepha ngaphakathi kwe-IFRAME (phantsi kweemeko ezithile).
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:
- umgama: 0;
- ukupakisha: 0;
- umda; akukho;
- ububanzi: xabiso ;
- ukuphakama: xabiso ;
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" em >>
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;" em >>
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.