Ang mga kakayahan ng wika ng markup - HTML - at mga style sheet na cascading - CSS - pinapayagan kang maglagay ng isang imahe sa loob ng isa pa sa maraming paraan. Siyempre, nangangailangan ito ng ilang mga kasanayan sa layout ng web page, at kailangan mong pumili ng isang tukoy na pamamaraan batay sa umiiral na code. Gayunpaman, sa ilang mga kaso, magagawa mo nang hindi na-edit ang source code.
Panuto
Hakbang 1
Mayroong isang paraan upang ilagay ang isang imahe sa isa pa nang walang anumang mga pagbabago sa mga pahina ng site. Upang magawa ito, sapat na upang mai-edit ang imahe ng background na nakaimbak sa server - gumamit ng anumang editor ng graphics upang ilagay ito sa harapan ng imahe. Kung ang pamamaraan na ito ay gumagana para sa iyo, magsimula sa pamamagitan ng pagtukoy sa lokasyon ng imbakan at pangalan ng file ng imahe sa background. Maaari itong magawa sa pamamagitan ng paghahanap nito sa source code ng pahina o sa pamamagitan ng pagbubukas nito sa isang hiwalay na tab at pagtingin sa buong landas sa address bar ng browser.
Hakbang 2
Gamit ang file manager ng system ng pamamahala ng nilalaman o FTP client, i-download ang kinakailangang file sa iyong computer at buksan ito sa anumang graphic editor - halimbawa, sa application na Paint na naka-install sa Windows.
Hakbang 3
Ilagay ang harapan na larawan sa background - sa Kulayan para sa ito kailangan mong piliin ang item na "Ipasok mula sa" mula sa "Ipasok" na listahan ng drop-down sa tab na "Home" at hanapin ang kinakailangang file sa dialog na bubukas. Pagkatapos ay ayusin ang posisyon ng ipinasok na imahe sa umiiral na background (i-drag ito gamit ang mouse) at i-save ang resulta (Ctrl + S).
Hakbang 4
I-load muli ang na-edit na larawan, i-o-overlap ang luma. Nakumpleto nito ang pamamaraan.
Hakbang 5
Ang inilarawan na pamamaraan ay hindi maginhawa sa kaso kung kailan kailangang baguhin ang mga nakapasok na larawan paminsan-minsan. Pagkatapos ay gamitin ang mga kakayahan ng wikang HTML - halimbawa, gawing background ang imahe ng background ng elemento ng pahina kung saan ilalagay ang harapan na imahe. Ang nasabing isang sangkap ng lalagyan ay maaaring, sabihin, isang layer (div). Upang makagawa ng isang malaking larawan sa background nito, kailangan mong gamitin ang paglalarawan ng istilo - ang katangiang istilo ng div tag. Ang isang walang laman na lalagyan sa HTML code ay maaaring magmukhang ganito:
Sa panaklong, ipahiwatig ang address at pangalan ng file ng imahe ng background sa iyong site.
Hakbang 6
Lumikha ng isang foreground image (img) na tag, gamit ang parehong istilo ng katangian upang maitakda ang dami ng padding mula sa mga gilid ng background container. Halimbawa:
Dito, itinakda ng mga katangian ng lapad at taas ang sukat ng imahe, at ang apat na numero pagkatapos ng padding ay nagpapahiwatig ng padding sa mga pixel mula sa mga gilid ng lalagyan, na nagsisimula sa tuktok (50) at higit pang pakanan (60 - kanan, 70 - ilalim, 80 - kaliwa).
Hakbang 7
Ilagay ang img tag sa isang lalagyan:
Hakbang 8
Idagdag ang mga nilikha na linya sa source code ng pahina, at pagkatapos, binabago ang mga indent, ayusin ang posisyon ng nakapasok na imahe laban sa background ng imahe sa background.
