HTML белгілеу тілі веб-дизайнерге кез-келген кескінді фондық сурет ретінде пайдалануға мүмкіндік береді. Алайда, тілдің өзінде фондық кескіндер үшін кіріктірілген басқару элементтері жетіспейді. Толығырақ баптау CSS стиль кестелерін қолдану арқылы жасалады.
Нұсқаулық
1-қадам
Фонды браузердің бүкіл еніне дейін созу үшін z-индекс параметрін CSS-те қолдану керек. Ол сіз жасайтын элементтердің ретін орнатуға мүмкіндік береді. Бұл атрибуттың мәні неғұрлым жоғары болса, блок соғұрлым жоғары болады.
2-қадам
HTML және CSS форматында жаңа құжаттар жасаңыз (тінтуірдің оң жақ батырмасы - «Жаңа» - «Мәтіндік файл») және оларды кез-келген мәтіндік редактордың көмегімен ашыңыз.
3-қадам
Фондық суретті төменгі қабатқа орналастырыңыз. Ол экранның ажыратымдылығына байланысты созылады. Жоғарғы жағында бет мазмұны көрсетілетін басқа элемент орналасады. Ол үшін екі блок жасаңыз. CSS файлына жазыңыз:.1 деңгей {z-индекс: 1; ені: 100% биіктік: 100% позиция: абсолютті;}. 2 қабат {Орын: абсолютті; z-индекс: 2; } Позиция: абсолютті параметр абсолютті позициялауды орнатуға мүмкіндік береді, яғни. қабат басқа элементтерден тәуелсіз орналасады.
4-қадам
Жасалған CSS кодын HTML файлына сілтеме тэгі арқылы қосыңыз: Бет өңі
5-қадам
Жаңа қабат жасаңыз. Тегті пайдалану
оған сурет салыңыз. Мысалы: Бет мазмұны img үшін тек ен параметрі көрсетіледі, өйткені егер сіз қосымша биіктікті көрсетсеңіз, кейбір шолғыштарда кескіннің бұрмалануы пайда болады.
6-қадам
Өзгерістеріңізді сақтаңыз. Кодты тексеру үшін браузер терезесінде парақты үлкейтіңіз. Фондық кескінді де үлкейту керек.
