Te mohio ki te mahi a IFrames ki te hoahoa paetukutuku
A, no te whakauru i tetahi huinga i roto i to HTML , e rua nga waahi ki a koe hei hono atu i nga ahua CSS ki a koe:
- Ka taea e koe te hanga i te IFRAME ano.
- Ka taea e koe te hanganga i te whārangi kei roto i te IFRAME (i raro i etahi tikanga).
Whakamahia CSS ki te Whakaahua i te kaupapa IFRAME
Ko te mea tuatahi ka whakaarohia e koe ina kohia te IFRAME ano ki a koe. Ahakoa ko te nuinga o nga kaitoro he whakauru ki te iframes me te kore he maha o nga momo atu, he pai tonu te whakaaro ki te whakauru i etahi momo hei pupuri ia ratou.
Anei etahi ahua CSS e whakauru tonu ana ki aku tirama:
- tapaina: 0;
- te papaha: 0;
- rohe: kahore;
- whanui: te uara ;
- teitei: te uara ;
Me te whanui me te teitei e whakaritea ana ki te rahi e hāngai ana ki taku tuhinga. Anei nga tauira o te anga kaore he ahua, me te kotahi me nga tohu noa. Ka taea e koe te kite, ko enei momo tikanga ka tango noa i te rohe i te taha o te iframe, engari kei te whakarite hoki kia kitea e nga kaitirotiro katoa nga tira me nga taapiri, me nga waahanga.
E taunaki ana a HTML5 ki te whakamahi i te taonga tahataha ki te tango i nga tarai pukapuka, engari ehara i te mea pono. Na, ki te hiahia koe ki te tango, ki te huri ranei i nga kape pukapuka, me whakamahi koe i te huanga hurihuri i runga i to peerana. Hei whakamahi i te huanga hurihanga, tohaina kia rite ki tetahi atu huanga, ka whiriwhiri i tetahi o nga uara e toru: ae, kahore, he auto ranei. Ae ka korero ki te rorohiko ki te whakauru tonu i nga tarai pukapuka tae noa ki te kore e hiahiatia ana. kaore he korero hei tango i nga kape panuku katoa mehemea kaore ranei.
Ko te auto te taunoa, me te whakauru i nga kape pepa ka hiahiatia me te tango i a ratau inaore.
Anei ko te pehea e huri ai i te haere me te huanga whakawhiti:
panuku = "kore" em)
He mea iframe tenei.
Hei whakakore i te huri i te HTML5, ka mahara koe ki te whakamahi i te taonga rewa. Engari kia kite koe i enei tauira kaore e mahi tika ana i nga kaituhi katoa.
Tenei te pehea e huri ai koe ki te huri i te wa katoa ki te waipuke o te taonga:
style = "te waipuke: panuku;" em)
He mea iframe tenei.
Kaore he huarahi ki te whakakore i te putea ki te rawa o te waipuke.
He maha nga kaihoahoa e hiahia ana kia whakauruhia o ratou kirama ki te papamuri o te whaarangi kei runga i nga kaipānui kaore i te mohio kei te waahi te tirama. Engari ka taea ano hoki e koe te whakakotahi i nga momo kia tu ai ki waho. Te whakatika i nga rohe kia pai ake ai te whakaatu o te iframe. Whakamahia anake te tahua hanganga rohe (ko te rohe-runga, te taha-matau, te taha-maui, me nga rohe-raro-raro) e pa ana ki nga waahanga:
iframe {
top-top: # c00 1px kua tohua;
Tika-tika: # c00 2px kua tohua;
kei te taha maui: # c00 2px kua tohua;
rohe-raro: # c00 4px kua tohua;
}
Engari kaua e mutu me te haere me nga rohe mo o raatau momo. Ka taea e koe te whakamahi i etahi atu momo CSS ki to iframe. Ko tenei tauira e whakamahi ana i nga momo CSS3 ki te homai i te iframe he atarangi, he porotaka porotaka, a hurihia ana e ia he 20 nekehanga.
iframe {
te taha-runga: 20px;
tawhito-raro: 30px;
-moz-rohe-radius: 12px;
-arangi-rarangi-radius: 12px;
rato-radius: 12px;
-moz-pouaka-atarangi: 4px 4px 14px # 000;
-rangi-pouaka-atarangi: 4px 4px 14px # 000;
pouaka-atarangi: 4px 4px 14px # 000;
-moz-transform: hurihuri (20deg);
-arangi-whakaputa: hurihuri (20deg);
-o-transform: hurihuri (20deg);
-ms-transform: hurihuri (20deg);
tātari: progid: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}
Te tarai i te Iframe Contents
Te tarai i nga ihirangi o te iframe he rite noa ki te tautuhi i tetahi atu paetukutuku. Engari, me uru koe ki te whakatika i te whārangi . Mena kaore e taea e koe te whakatika i te whārangi (hei tauira, kei tetahi atu pae).
Mena ka taea e koe te whakatika i te whaarangi, ka taea e koe te taapiri i tetahi pepa tahua o waho ranei i roto i te tuhinga kia rite ki te ahua o tetahi atu paetukutuku tukutuku i to pae.