Ahoana ny fomba fametrahana IFRames amin'ny CSS

Fahatakarana ny fomba fiasa IFrames amin'ny famolavolana tranonkala

Rehefa mametraka singa iray ao amin'ny HTML ianao dia manana fomba roa hanampiana ireo CSS ho azy:

Ampiasao ny CSS mba hanamboarana ny singa IFRAME

Ny zavatra voalohany tokony hodinihinao rehefa manamboatra ny IFrames anao dia ny IFRAME tenany. Raha toa ny ankamaroan'ny navigateurs dia ahitana iframes tsy misy lamaody maro hafa, mbola tsara hevitra ny manampy fomba sasany mba hitazona azy ireo tsy tapaka.

Ireto misy karazan-doka CSS izay ampidiriko foana eo amin'ny ifamames:

Miaraka amin'ny habe sy ny haavony voafetra amin'ny habe izay mifanaraka amin'ny rakitrao. Ireto misy santionany amin'ny rojom-borona izay tsy misy karazany ary ny iray amin'ny fotokevitra. Araka ny hitanao dia manala ny sisintany manakaiky ny iframe ireo styles ireo, fa manome antoka ihany koa izy ireo fa ny browsers rehetra dia mampiseho fa iframe miaraka amin'ny sisin-dàlana, famolahana, ary dimensions.

Ny HTML5 dia manoro hevitra ny hampiasanao ny fananam-pandehanana mba hanesorana ireo baraingo, saingy tsy azo itokisana izany. Koa raha te hanala na hanova ny baoritra ianao, dia tokony hampiasa ilay rindran'akan-dresaka eo amin'ny iframe anao ihany koa. Ampiasao ny toetra mampiavaka ny scrolling, ampio izy io toy ny toetra hafa rehetra ary misafidiana iray amin'ireo soatoavina telo: eny, tsia, na auto. Eny dia miteny amin'ny mpizahatany fa tokony misy horonana horonana foana na dia tsy ilaina aza. Tsy misy milaza ny hanala ireo boaty horonana rehetra raha ilaina izany na tsia.

Auto dia ny default ary ahitana ny baraingo horonan-tsary rehefa ilaina izy ireo ary manala azy ireo rehefa tsy izy ireo.

Ity dia manala ny fampivoarana ny horonan-tsary miaraka amin'ny mari-pamantarana scrolling:

scrolling = "no"
Ity dia iframe.

Mba hampihenana ny horonam-peo amin'ny HTML5 ianao dia tokony hampiasa ny fananana tafo. Fa araka ny hitanao amin'ireo ohatra ireo dia tsy mbola azo ampiasaina amin'ny browsers rehetra izany.

Toy izao ny fomba hanohizanao mihazakazaka mihazakazaka miaraka amin'ny fananan-tany:

style = "overflow: scroll;"
Ity dia iframe.

Tsy misy fomba hanesorana tanteraka ny horonam-peo miaraka amin'ny fananan-tany.

Maro amin'ireo mpahaiketsa no maniry ny hampifangaro ny sehatra misy azy ireo eo amin'ny sehatry ny pejy misy azy ireo mba tsy hahafantaran'ny mpamaky fa mbola eo ihany ny iframames. Azonao atao ihany koa ny manampy ny fomba hanamboarana azy ireo. Ny fametrahana ireo sisin-tany mba hahitana mora kokoa ny iframe dia mora. Ampiasao tsotra izao ny trano fananan-tany (na ny sisin-tany, ny sisiny ambany, ny sisiny ambany, ny sisiny ambany ary ny sisin-tany) mba hanamboarana sisintany:

iframe {
border-top: # c00 ampahany 1px;
sisin-dàlana: # c00 2px dotted;
sisiny havia: # c00 2px dotted;
sisiny ambany: # c00 4px teboka;
}

Fa tsy tokony hijanona amin'ny horonana sy sisin-tany ianao. Azonao atao ny mampiasa fomba maro hafa CSS ho an'ny iframe anao. Ity ohatra dia mampiasa style styles CSS3 mba hanome alokaloka, boribory ny iframe ary nanodina azy 20 degre.

iframe {
margin-top: 20px;
margin-bottom: 30px;

-moz-border-radius: 12px;
-webkit-border-radius: 12px;
potoanan-dalana: 12px;

-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
bidy-shadow: 4px 4px 14px # 000;

-moz-hanova: hanodinana ny (20deg);
-webkit-hanova: Ahodina (20deg);
-o-hanova: Ahodina (20deg);
-ms-hanova: hanodinana ny (20deg);
sivana: progid: DXImageTransform.Microsoft.BasicImage (fihodinan'ny = .2);
}

Manamboatra ny rohy ifamame

Ny fanolokoloana ny votoatin'ny iframe dia toy ny manamboatra pejy hafa rehetra. Saingy, tokony hanana fahafahana hanova ilay pejy ianao . Raha tsy afaka manitsy ilay pejy ianao (ohatra, dia ao amin'ny tranokala hafa).

Raha azonao atao ny manova ilay pejy, dia azonao ampidirina lafin- javatra na endri- tsoratry ny endriny ivelany ao amin'ilay rakitra mitovy ny manisy pejy hafa ao amin'ny tranokalanao.