Il-problema ewlenija relatata mat-tibdil tal-immaġini fl-isfond fl-HTML hija li jista 'jkun diffiċli li jiġi żgurat li l-immaġni turi b'mod korrett fil-browsers u l-apparati kollha. Barra minn hekk, jekk l-immaġni hija kbira wisq jew żgħira wisq, tista 'tikkawża problemi bil-veloċità u l-prestazzjoni tat-tagħbija tal-paġna. Fl-aħħarnett, hemm diversi modi kif tissettja immaġni fl-isfond fl-HTML (eż., bl-użu ta 'CSS jew stil inline), sabiex jiġi żgurat li l-metodu korrett jintuża għal sitwazzjoni partikolari jista' jkun delikat.
<body style="background-image:url('image.jpg');">
</body>
1. Din il-linja ta 'kodiċi toħloq element tal-korp HTML.
2. Jissettja wkoll l-immaġni fl-isfond tal-element tal-ġisem għall-immaġni li tinsab f'"image.jpg".
Immaġini fl-isfond
Immaġini fl-isfond fl-HTML jistgħu jintużaw biex iżidu interess viżwali għal paġna web. Jistgħu jintużaw bħala element dekorattiv, jew jistgħu jintużaw biex iwasslu l-informazzjoni. Immaġini fl-isfond huma miżjuda bl-użu tal-proprjetà immaġni fl-isfond fis-CSS. Din il-proprjetà tippermettilek li tispeċifika fajl tal-immaġni, bħal JPEG jew PNG, li se jintwera wara elementi oħra fil-paġna. Il-proprjetà tal-immaġni fl-isfond tippermetti wkoll li tissettja proprjetajiet oħra bħal background-repeat u background-position li jikkontrollaw kif l-immaġni tintwera fuq il-paġna.
Kif nibdel l-immaġni fl-isfond fl-HTML
It-tibdil tal-immaġni fl-isfond fl-HTML huwa proċess sempliċi. Biex tagħmel dan, trid tuża l-proprjetà tal-immaġni fl-isfond f'CSS.
L-ewwel, trid tiddefinixxi l-immaġni li trid tuża bħala l-isfond tiegħek. Tista' tagħmel dan billi tuża URL assolut jew relattiv għall-fajl tal-immaġni. Pereżempju:
Sussegwentement, żid il-kodiċi li ġej mad-dokument HTML tiegħek:
Dan se jistabbilixxi l-immaġni speċifikata bħala l-immaġni fl-isfond tal-paġna tiegħek. Tista 'wkoll taġġusta proprjetajiet oħra bħall-pożizzjoni u rrepeti billi tuża regoli CSS addizzjonali jekk meħtieġ.
