Mimọ bi IFrames ṣe n ṣiṣẹ ni apẹrẹ aaye ayelujara
Nigbati o ba ṣafọri opo ninu awọn HTML rẹ, o ni awọn anfani meji lati fi awọn CSS kun si o:
- O le ṣe ara IFRAME funrararẹ.
- O le ṣe oju iwe ni inu IFRAME (labẹ awọn ipo kan).
Lilo CSS lati Ṣawari Ẹrọ IFRAME
Ohun akọkọ ti o yẹ ki o ṣe ayẹwo nigbati sisẹ iframes rẹ jẹ IFRAME ara rẹ. Lakoko ti ọpọlọpọ awọn aṣàwákiri pẹlu iframes laisi ọpọlọpọ awọn aza aza, o tun jẹ imọran ti o dara lati fikun awọn aza lati pa wọn mọ.
Nibi ni diẹ ninu awọn CSS awọn aza Mo nigbagbogbo ni lori mi iframes:
- ala: 0;
- padding: 0;
- aala: kò si;
- iwọn iwọn;
- iga: iye ;
Pẹlu iwọn ati giga ti a ṣeto si iwọn ti o baamu ninu iwe mi. Eyi ni awọn apẹẹrẹ ti fireemu kan lai si awọn aza ati ọkan pẹlu awọn apẹrẹ awọn akọle. Bi o ṣe le ri, awọn agbekalẹ wọnyi jẹ okeere yọ iyipo ni ayika iframe, ṣugbọn wọn tun rii daju wipe gbogbo awọn aṣàwákiri n fihan pe iframe pẹlu awọn ipo kanna, awọn oju opo, ati awọn mefa.
HTML5 ṣe iṣeduro pe ki o lo ohun elo ti o ṣabọ lati yọ awọn ifilogi lọsi, ṣugbọn eyi kii ṣe gbẹkẹle. Nitorina ti o ba fẹ yọọ kuro tabi yi awọn ifilo ti a fi lọ kiri, o yẹ ki o lo ẹda ti o n lọ si ori ifra rẹ. Lati lo aami ti n yipada, fi sii bi eyikeyi ẹda miiran ati lẹhinna yan ọkan ninu awọn aami mẹta: bẹẹni, rara, tabi idojukọ. bẹẹni sọ fun aṣàwákiri lati nigbagbogbo ni awọn ifilohun lọsi paapaa ti wọn ko ba nilo. ko si sọ lati yọ gbogbo awọn ifilowe lọ kọja tabi nilo tabi rara.
auto jẹ aiyipada ati pẹlu awọn ifilowe ifilo nigba ti wọn ba nilo ati mu wọn kuro nigbati wọn ko ba wa.
Eyi ni bi o ṣe le tan gbigbe lọ kiri pẹlu aami ti nlọ lọ kiri:
yi lọ = "ko si" >
Eleyi jẹ ẹya iframe.
Lati pa lọ kiri ni HTML5 o gba pe o lo awọn ohun elo bomi. Ṣugbọn bi o ti le ri ninu awọn apẹẹrẹ wọnyi ko ṣiṣẹ ni igbẹkẹle ninu gbogbo awọn aṣàwákiri sibẹsibẹ.
Eyi ni bi o ṣe le tan-an lọ kiri ni gbogbo igba pẹlu awọn ohun elo bomi:
ara = "apanirun: yi lọ;" >
Eleyi jẹ ẹya Iframe.
Ko si ona lati pa gbigbe lọ patapata pẹlu ohun elo bomi.
Ọpọlọpọ awọn apẹẹrẹ fẹ ki iframes wọn darapọ mọ pẹlu lẹhin ti oju-iwe ti wọn wa lori ki awọn onkawe ko mọ pe iframes wa paapaa nibẹ. Ṣugbọn o tun le fi awọn aza kun ki o mu wọn duro. Ṣatunṣe awọn aala ti iframe fihan diẹ sii ni rọọrun jẹ rọrun. O kan lo ohun-ini ara-aala (tabi awọn agbegbe-oke, oke-ọtun, apa-aala-osi, ati awọn ini-aala-isalẹ) lati tẹ awọn aala:
iframe {
oke-oke: # c00 1px ti sami;
iha-aala-ọtun: # c00 2px ti sami;
laala-osi: # c00 2px ti sami;
aala-isalẹ: # c00 4px ti sami;
}
Ṣugbọn o yẹ ki o ko da pẹlu yi lọ ati awọn aala fun awọn aza rẹ. O le lo ọpọlọpọ awọn CSS miiran si iframe rẹ. Apẹẹrẹ yi nlo awọn aza CSS3 lati fun ojiji ti iframe, awọn igun yika, ati yiyi iwọn 20.
iframe {
ala-oke: 20px;
ala-isalẹ: 30px;
-moz-border-radius: 12px;
-diyi-aala-aala-redio: 12px;
radius-aala: 12px;
-moz-box-shadow: 4px 4px 14px # 000;
-iwo-apo-ibudo-ojiji: 4px 4px 14px # 000;
apoti-ojiji: 4px 4px 14px # 000;
-moz-transformation: yiyi (20x);
-yii-ọna-iyipada: yiyi (20x);
-i-iyipada: yiyi (20x);
-iye-iyipada: yiyi (20x);
àlẹmọ: progid: DXImageTransform.Microsoft.BasicImage (Yiyi = .2);
}
Ṣiṣe Awọn Iframe Awọn Ifitonileti
Ṣiṣe awọn akoonu ti iframe jẹ bi igbesẹ eyikeyi oju-iwe ayelujara miiran. Ṣugbọn, o gbọdọ ni aaye lati satunkọ oju-iwe naa . Ti o ko ba le ṣatunkọ oju-iwe (fun apeere, o wa lori aaye miiran).
Ti o ba le ṣatunkọ oju-iwe, lẹhinna o le fi folda ti ita itawọn tabi awọn aza han ni oju iwe naa gẹgẹ bi o ṣe le ṣe oju eyikeyi oju-iwe ayelujara miiran lori aaye rẹ.