Ukuqonda ukuthi IFrames isebenze kanjani ekwakheni iwebhusayithi
Uma ushumeka isici ku- HTML yakho, unamathuba amabili wokufaka izitayela ze-CSS kuso:
- Ungasitayela i-IFRAME ngokwayo.
- Ungayibhala ikhasi ngaphakathi kwe-IFRAME (ngaphansi kwezimo ezithile).
Usebenzisa i-CSS ukuze uthayiphe i-IFRAME Element
Into yokuqala okufanele uyicabangele lapho uhlela ama-iframes akho i-IFRAME ngokwayo. Nakuba iziphequluli eziningi zifaka ama-iframes ngaphandle kwezitayela eziningi ezengeziwe, kusengumqondo omuhle ukwengeza izitayela ezithile ukuze uzigcine zivumelana.
Nazi ezinye zezitayela ze-CSS engizifaka njalo kumafreela ami:
- umkhawulo: 0;
- i-padding: 0;
- umngcele: akekho;
- ububanzi: inani ;
- ukuphakama: inani ;
Ngokububanzi nokuphakama kusethelwe esayizi ehambisana nedokhumenti yami. Nazi izibonelo zefreyimu ongekho izitayela kanye neyodwa izitayela eziyisisekelo. Njengoba ubona, lezi zitayela ikakhulukazi zisusa umngcele ozungeza i-iframe, kodwa futhi ziqinisekisa ukuthi zonke iziphequluli zibonisa ukuthi uma zihambisana namagqabha, ama-padding, kanye nobukhulu obufanayo.
I-HTML5 itusa ukuthi usebenzise impahla yokuchichima ukuze ususe imigoqo yokuphenya, kodwa lokho akuthenjelwa. Ngakho uma ufuna ukususa noma ukushintsha imigqa yokupheqa, kufanele usebenzise imfanelo yokupheqa ku-iframe yakho. Ukuze usebenzise imfanelo yokubhuqa, yengeze njenganoma yimuphi omunye umlinganiso bese ukhetha eyodwa yamanani amathathu: yebo, cha, noma auto. Yebo utshela isiphequluli ukuthi ihlale ibandakanya imigoqo yokuphenya ngisho noma ingadingeki. Cha uthi ukususa yonke imigoqo yokupheqa uma kudingeka noma cha.
i-auto iyinto ezenzakalelayo futhi ihlanganisa imigoqo yokupheqa lapho idingwa futhi isuswa uma ingekho.
Nansi indlela yokucima ukukrola ngesici sokupheqa:
ukupheqa = "cha" >
Lona i-iframe.
Ukuvala ukupheqa ku-HTML5 kufanele usebenzise impahla yokuchichima. Kodwa njengoba ungabona kulezi zibonelo akusebenzi ngokuthembekile kuzo zonke iziphequluli okwamanje.
Nakhu ukuthi ungavula kanjani ukupheqa sonke isikhathi ngendawo yokuchichima:
isitayela = "ukuchichima: skrolela;" >
Lona i-iframe.
Ayikho indlela yokuvala ukupheqa ngokuphelele ngempahla yokuchichima.
Abakhiqizi abaningi bafuna ama-iframes abo ukuba afanelane nengemuva kwekhasi abesekho ukuze abafundi bangazi ukuthi ama-iframes akhona ngisho. Kodwa ungabuye wengeze izitayela ukuze uzivelele. Ukulungisa imingcele ukuze iframe ikhombise kalula kalula. Vele usebenzise impahla yesitayela semingcele (noma ihlobene nomngcele-phezulu, umngcele-ngakwesokudla, umngcele ongakwesobunxele, nemikhawulo engezansi) ukuze isitayela imingcele:
iframe {
umngcele-phezulu: # c00 1px enamachashazi;
Umngcele-ngakwesokudla: # c00 2px enamachashazi;
Umngcele-kwesobunxele: # c00 2px enamachashazi;
umngcele-ngezansi: # c00 4px enamachashazi;
}}
Kodwa akumelwe umeke ngokupheqa nemingcele yezitayela zakho. Ungasebenzisa ezinye izitayela eziningi ze-CSS ku-iframe yakho. Lesi sibonelo sisebenzisa izitayela ze-CSS3 ukunikeza i-iframe isithunzi, izingqimba ezizungezile, futhi zijikeleze ama-degree angu-20.
iframe {
umkhawulo-phezulu: 20px;
umkhawulo-ngezansi: 30px;
Umzila-umngcele-i-radius: 12px;
-webkit-border-radius: 12px;
Umngcele-umngcele: 12px;
-moz-ibhokisi-shadow: 4px 4px 14px # 000;
-webkit-ibhokisi-shadow: 4px 4px 14px # 000;
ibhokisi-isithunzi: 4px 4px 14px # 000;
-moz-guqula: ujikeleze (20deg);
-webkit-transform: ujikeleze (20deg);
-o-guqula: ujikeleze (20deg);
-ms-guqula: ujikeleze (20deg);
Isihlungi: isandulela: DXImageTransform.Microsoft.BasicImage (ukujikeleza = .2);
}}
Ukubetha Okuqukethwe kwe-Iframe
Ukuthayipha okuqukethwe kwe-iframe kufana nokwenza noma iyiphi enye ikhasi lewebhu. Kodwa, kufanele ube nokufinyelela kokuhlela ikhasi . Uma ungeke ukwazi ukuhlela ikhasi (isibonelo, lenye kwenye isayithi).
Uma ungahlela ikhasi, ungabeza ishidi lesitayela yangaphandle noma izitayela ngqo kule dokhumenti njengokuthi uzobe usitayela noma yiliphi elinye ikhasi lewebhu kusayithi lakho.