Ka hoʻomaopopoʻana i ka hana a IFrames ma ka hoʻolālā pūnaewele
Ke hōʻohuʻoe i kahi māhele i kāu HTML , loaʻa iāʻoeʻelua mau manawa e hoʻomāhuahua i nāʻano CSS iā ia:
- Hiki iāʻoe ke hana i ka IFRAME pono'ī.
- Hiki iāʻoe ke hana i kaʻaoʻao ma loko o IFRAME (ma lalo o kekahi mau kumu).
Ke hoʻohana nei i CSS i ka Honua i ka IFRAME Element
ʻO ka mea mua e ponoʻoe e noʻonoʻo i ka wā e kohoʻia ai ka IFRAME iāʻoe ināʻoihana. ʻOiaiʻo ka hapanui o nā pūnaewele e hoʻokomo i ka iframes me ka nuiʻole o nāʻano'ē aʻe, he mea maikaʻi loa ia e hoʻohui i kekahi mauʻano e mālama mau ai.
Eia kekahi mauʻano CSS e hoʻokomo pinepine ai au i kaʻu myrames:
- ka palena: 0;
- pale: 0;
- palena:ʻaʻohe;
- nui: ka nui ;
- ke kiʻekiʻe: ke kumukūʻai ;
Me ka laulā a me ke kiʻekiʻe i hoʻokumuʻia i ka nui e pili ana i kaʻu palapala. Eia kekahi mau hiʻohiʻona o ke kiʻikuhi me kaʻole o nāʻano a hoʻokahi wale nō nā mea kiko'ī i kapaʻia. E like me kāu eʻike ai,ʻo kēia mauʻano wale nō keʻoki wale i ka palena a puni ka iframe, akā, ke hōʻoia nei lākou i kaʻikeʻana o nā pūnaewele iā iframe me nā palenaʻaoʻao, ka pale, a me nāʻano.
Manaʻoʻo HTML5 e hoʻohanaʻoe i ka waiwai hāpopo e wehe i nā pā palaka, akāʻaʻole pono. No laila inā makemakeʻoe e wehe a hoʻololi paha i nā palaka pepa, ponoʻoe e hoʻohana i ka hoʻohālike scrolling on your iframe. No ke hoʻohanaʻana i ka hua'ōlelo helehelena, e hoʻohui e like me kekahiʻano'ē aʻe a koho i hoʻokahi o nā kumukūʻaiʻekolu:ʻoe, no, a iʻole ke kaʻa. ae heluhelu i ka polokalamu kele pūnaewele i nā manawa a pau e komo i nā kaomi pepa ināʻaʻole lākou e pono. ʻaʻole e'ōleloʻia e wehe i nā palaka palaka pepa a pono eʻole.
ʻO ka mīkini ka paʻakikī a me nā poʻomanaʻo pale ke makemakeʻia a hoʻopau iā lākou ināʻaʻole.
Eia keʻano o ka hemoʻana i ke kākauʻana me ka hua'ōlelo helehelena:
scrolling = "no" He mea iframe kēia.
No ka hoʻokahuliʻana i ke kaomiʻana i ka HTML5, ponoʻoe e hoʻohana i ka waiwai hoʻohoho. Akā, e like me kāu eʻike ai i kēia mau hiʻohiʻona ,ʻaʻole ia e hana pono i nā meaʻimi pūnaewele a pau.
Eia kahi pehea e hoʻololi ai i ka heleʻana i nā manawa a pau me ka waiwai piha:
style = "kaheʻana: scroll;" He mea iframe kēia.
ʻAʻohe ala e hoʻopau ai i ke kaomi holoʻokoʻa me ka waiwai piha.
He nui nā mea hoʻolimalima e makemake i kā lākou addra e hui pū me kaʻaoʻao o kaʻaoʻao e hiki ai i ka poʻe heluhelu keʻikeʻole inā aia kahi iframes ma laila. Akā hiki iāʻoe ke hoʻohui i nāʻano e hoʻokaʻawale ai iā lākou. Hoʻoponopono i nā palena i hiki ke maʻalahi kaʻike iframe. Hoʻohana wale i ka waiwai o ka palena'āina (aiʻole ka palena palena-luna, ka palena'ākau, ka'ākau hema, a me nā palena'āina-lalo) e pili i nā palena:
iframe {
palena palena-luna: # c00 1px i kīʻia;
'ākau'ākau: # c00 2px kīʻia;
ka palena hema: # c00 2px i kohoʻia;
palena palena: # c00 4px i kohoʻia;
}
Akā,ʻaʻoleʻoe e hoʻomaha me ka heleʻana a me nā palena no kāu mauʻano. Hiki iāʻoe ke hoʻohana i nāʻano CSS'ē aʻe i kāu iframe. Ke hoʻohana nei kēiaʻano i nāʻano CSS3 e hāʻawi i ka'ōmole iframe, i nā kihi a puni, a hoʻololi iā ia i 20 mau.
iframe {
ke poʻo-top: 20px;
mika-lalo: 30px;
-moz-palena-palena: 12px;
-ockit-palena-radius: 12px;
laina palena-palena: 12px;
-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
ka pahu-pale: 4px 4px 14px # 000;
-moz-transform: hoʻololi (20deg);
-webkit-transform: hoʻololi (20deg);
-o-transform: hoʻololi (20deg);
-ms-transform: rotate (20deg);
hoʻopili: progid: DXImageTransform.Microsoft.BasicImage (hoʻohālike = .2);
}
E hoʻolālā i ka Iframe Contents
Hoʻoponopono i nā mea e pili ana i kahi iframe e like me keʻano o kahi pūnaewele pūnaewele'ē aʻe. Akā, pono e loaʻa iāʻoe kahi e hoʻoponopono ai i kaʻaoʻao . Ināʻaʻole hiki iāʻoe ke hoʻololi i kaʻaoʻao (e like paha, aia ma kahi pūnaewele).
Inā hiki iāʻoe ke hoʻoponopono i kaʻaoʻao, a laila hiki iāʻoe ke hōʻano i kahiʻaoʻao kāhua waho a iʻole keʻano pololei i loko o ka palapala e like me kāu e hana ai i kekahi pūnaewele pūnaewele ma kāu pūnaewele.