Si Të Shtrihet Sfondi I Faqes Në Internet

Përmbajtje:

Si Të Shtrihet Sfondi I Faqes Në Internet
Si Të Shtrihet Sfondi I Faqes Në Internet

Video: Si Të Shtrihet Sfondi I Faqes Në Internet

Video: Si Të Shtrihet Sfondi I Faqes Në Internet
Video: Konfigurimi i qasjes në internet -- sistemi operativ Windows 7 ose Vista 2024, Nëntor
Anonim

Gjuha e shënjimit HTML lejon një krijues uebi të përdorë çdo imazh si një imazh sfond. Sidoqoftë, vetë gjuhës i mungojnë kontrollet e integruara për imazhet në sfond. Akordim më i mirë bëhet duke përdorur fletët e stilit CSS të kaskadës.

Si të shtrihet sfondi i faqes në internet
Si të shtrihet sfondi i faqes në internet

Udhëzimet

Hapi 1

Për ta bërë sfondin të shtrihet në gjerësinë e plotë të shfletuesit, duhet të përdorni parametrin z-index në CSS tuaj. Kjo ju lejon të vendosni rendin e elementeve që krijoni. Sa më e lartë të jetë vlera e kësaj cilësie, aq më i lartë blloku do të vendoset në faqe.

Hapi 2

Krijoni dokumente të reja në formatin html dhe css (butoni i djathtë i miut - "I ri" - "Skedar teksti") dhe hapini duke përdorur ndonjë redaktues teksti.

Hapi 3

Vendosni imazhin e sfondit në shtresën e poshtme. Do të shtrihet në varësi të rezolucionit të ekranit. Në krye, do të vendoset një element tjetër në të cilin do të shfaqet përmbajtja e faqes. Për ta bërë këtë, krijoni dy blloqe. Në skedarin css shkruani:.1layer {z-index: 1; gjerësia: 100% lartësia: 100% pozicioni: absolut;}. 2layer {Pozicioni: absolut; z-indeksi: 2; } Pozicioni: parametri absolut ju lejon të vendosni pozicionimin absolut, d.m.th. shtresa do të pozicionohet në mënyrë të pavarur nga elementët e tjerë.

Hapi 4

Përfshini kodin e gjeneruar CSS në skedarin HTML duke përdorur etiketën e lidhjes: Sfondi i faqes

Hapi 5

Krijoni një shtresë të re. Përdorimi i etiketës

vendosni një fotografi në të. Për shembull: Përmbajtja e faqes Për img, specifikohet vetëm parametri i gjerësisë, sepse nëse specifikoni edhe lartësinë, në disa shfletues, do të shfaqet shtrembërimi i figurës.

Hapi 6

Ruani ndryshimet tuaja. Për të provuar kodin tuaj, zmadhoni faqen në dritaren e shfletuesit tuaj. Imazhi i sfondit gjithashtu duhet të zmadhohet.

Recommended: