Tuigsinn mar a tha IFrames ag obair ann an dealbhadh làrach-lìn
Nuair a chuireas tu eileamaid ann an HTML agad, tha dà chothrom agad airson stoidhle CSS a chur ris:
- Faodaidh tu an IFRAME fhèin a stoidhle.
- Faodaidh tu an duilleag a stoidhle taobh a-staigh an IFRAME (fo chumhachan sònraichte).
A 'cleachdadh CSS airson Stoidhle an Element Element
Is e a 'chiad rud a bu chòir dhut beachdachadh nuair a bhios tu a' dealbhachadh nam beam agad fhèin an IFRAME fhèin. Ged a tha a 'mhòr-chuid de bhrabhsairean a' gabhail a-steach innealan ma tha tòrr stoidhlichean eile ann, tha e na dheagh bheachd fhathast cuid de stoidhlean a chur ris gus an cumail cunbhalach.
Seo cuid de na stoidhlichean CSS a bhios mi a-riamh a 'toirt a-steach air na cuspairean agam:
- iomall: 0;
- gleabadh: 0;
- crìch: gin;
- leud: luach ;
- àirde: luach ;
Le leud agus àirde air an suidheachadh a rèir na meud a tha a 'freagairt air mo phàipear. Seo eisimpleirean de fhrèam gun stoidhlichean agus aon le dìreach na bun-bheachdan. Mar a chì thu, bidh na stoidhlichean sin a 'mhòr-chuid dìreach a' toirt air falbh a 'chrìch timcheall air iframe, ach bidh iad cuideachd a' dèanamh cinnteach gu bheil gach brabhsairean a 'taisbeanadh sin ma tha na h-iomaill sin, a' gleidheadh agus a 'tomhas.
Tha HTML5 a ' moladh gun cleachd thu an t-seilbh thar-shruth gus na barran scrollaidh a thoirt air falbh, ach chan eil sin earbsach. Mar sin ma tha thu airson na barra scroll a thoirt air falbh no atharrachadh, bu chòir dhut a 'ghnè scrollaidh a chleachdadh air an iframe agad cuideachd. Gus am feart scrollaidh a chleachdadh, cuir ris mar rud sam bith eile agus an uair sin tagh aon de thrì luachan: tha, chan eil, no carbad. tha sin ag innse gum bi barra scrolla a 'toirt a-steach am brabhsair eadhon ged nach eil feum orra. chan eil mi ag iarraidh gach barra scrollaidh a thoirt air falbh ma tha feum air no nach eil.
tha uidheamachd bunaiteach agus a 'toirt a-steach na barra scroll nuair a bhios feum orra agus gan toirt às nuair nach eil iad.
Seo mar a chuireas tu dheth sgrìobadh leis a 'ghnè sgrìobach:
scrolling = "no" >
Seo iframe.
Gus sgrìobadh a-mach ann an HTML5 feumaidh tu an t-seilbh thar-shruth a chleachdadh. Ach mar a chì thu anns na h-eisimpleirean seo chan eil e ag obair gu earbsach anns a h-uile brabhsaidh fhathast.
Seo mar a bhiodh tu a 'tionndadh fad na h-ùine leis an t-seilbh thar-shruth:
style = "overflow: scroll;" >
Seo iframe.
Chan eil dòigh sam bith ann a bhith a 'tionndadh gu tur leis an t-seilbh thar-shruth.
Tha mòran de luchd-dealbhaidh ag iarraidh gun dèan na h-innealan aca amalachadh le cùl-raon na duilleige a tha iad air adhart gus nach eil luchd-leughaidh eòlach air gu bheil na seallaidhean eadhon an sin. Ach faodaidh tu cuideachd stoidhlichean a chur ris gus am bi iad a 'seasamh a-mach. Tha e furasta a bhith ag atharrachadh nan crìochan gus am bi na seallaidhean iframe suas nas fhasa. Dìreach cleachd an togalach stoidhle crìche (no an ceangal co-cheangailte ris a 'chrìch, a' chrìch, an taobh clì agus na crìochan) gus na crìochan a stoidhle:
iframe {
mullach crìche: # c00 1px dotted;
deas-dheas: # c00 2px dotted;
taobh clì: # c00 2px dotted;
aig a 'chrìch: # c00 4px dotted;
}
Ach cha bu chòir dhut stad a chur air scrollaidh is crìochan airson do stoidhlichean. Faodaidh tu tòrr stoidhlichean CSS eile a chur a-steach chun an iframe agad. Tha an eisimpleir seo a 'cleachdadh stoidhlichean CSS3 gus a bhith a' toirt nan oiseanan sgàil, cruinne air an iframe, agus cuiridh e 20 ceum air.
iframe {
top-edge: 20px;
bonn a 'chlàir: 30px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
radius-crìche: 12px;
-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
bogsa-bogsa: 4px 4px 14px # 000;
-moz-transform: tarraing (20deg);
-webkit-transform: ceangal (20deg);
-o-transform: tarraing (20deg);
-ms-transform: tarraing (20deg);
criathar: progid: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}
A 'dealbhadh clàr-innse Iframe
Tha a bhith a 'dealbhadh susbaint an iframe dìreach mar a bhith a' dealbhadh duilleag-lìn sam bith eile. Ach, feumaidh cothrom a bhith agad airson deasachadh na duilleige . Mura h-urrainn dhut an duilleag a dheasachadh (mar eisimpleir, tha e air làrach eile).
Mas urrainn dhut an duilleag a dheasachadh, faodaidh tu duilleag no stoidhle taobh a - muigh a chur ris anns an sgrìobhainn dìreach mar a bhiodh tu a 'stoidhle duilleag-lìn sam bith eile air do làrach.