עצות פֿאַר שאפן אַ הינטערגרונט וואַטערמאַרק אויף אַ וועב זייַט

ויספירן די טעכניק מיט קסס

אויב איר'רע דיזיינינג אַ וועבזייַטל, איר קען זיין אינטערעסירט אין לערנען ווי צו שאַפֿן אַ פאַרפעסטיקט הינטערגרונט בילד אָדער וואָטערמאַרק אויף אַ וועב בלאַט. דאס איז אַ פּראָסט פּלאַן באַהאַנדלונג אַז איז פאָלקס אָנליין פֿאַר עטלעכע מאָל. עס איז אַ האַנטיק ווירקונג צו האָבן אין אייער וועב פּלאַן טאַש פון טריקס.

אויב איר האָט נישט געטאן דעם פריער אָדער האָבן געפרוווט עס ביז אַהער אָן גליק, דער פּראָצעס זאל ויסקומען ינטימידייטינג, אָבער עס ס פאקטיש ניט זייער שווער בייַ אַלע. מיט דעם קורץ טוטאָריאַל, איר וועט באַקומען די אינפֿאָרמאַציע איר דאַרפֿן צו בעל דער טעכניק אין אַ קשיא פון מינוט ניצן CSS.

געטינג סטאַרטעד

הינטערגרונט בילדער אָדער וואָטערמאַרקס (וואָס זענען טאַקע נאָר זייער ליכט הינטערגרונט בילדער) האָבן אַ געשיכטע אין געדרוקט פּלאַן. דאָקומענטן האָבן לאַנג אַרייַנגערעכנט וואָטערמאַרקס אויף זיי צו פאַרמייַדן זיי פון זייַענדיק קאַפּיד. דערצו, פילע פליערס און בראָושורז נוצן גרויס הינטערגרונט בילדער ווי טייל פון די פּלאַן פֿאַר די געדרוקט שטיק. וועב פּלאַן האט לאַנג באַראָוד סטיילז פון דרוק און הינטערגרונט בילדער זענען איינער פון די באַראָוד סטיילז.

די גרויס הינטערגרונט בילדער זענען גרינג צו שאַפֿן ניצן די פאלגענדע דרייַ CSS נוסח פּראָפּערטיעס:

הינטערגרונט בילד

איר וועט נוצן הינטערגרונט בילד צו באַשיצן דעם בילד וואָס וועט זיין גענוצט ווי דיין וואָטערמאַרק. דעם נוסח פשוט ניצט אַ טעקע דרך צו מאַסע אַ בילד אַז איר האָט אויף דיין פּלאַץ, מסתּמא אין אַ וועגווייַזער געהייסן "בילדער."

background-image: url (/images/page-background.jpg);

עס איז וויכטיק אַז די בילד זיך איז לייטער אָדער מער טראַנספּעראַנט ווי אַ נאָרמאַל בילד. דעם וועט מאַכן אַז "וואָטערמאַרק" קוק אין וואָס אַ האַלב-טראַנספּעראַנט בילד ליגט הינטער די טעקסט, גראַפיקס, און אנדערע הויפּט יסודות פון די וועב בלאַט. אָן דעם שריט, די הינטערגרונט בילד וועט קאָנקורירן מיט די אינפֿאָרמאַציע אויף דיין בלאַט און מאַכן עס שווער צו לייענען.

איר קענען סטרויערן די הינטערגרונט בילד אין אַן עדיטינג פּראָגראַם אַזאַ ווי אַדאָובי פאָטאָשאָפּ.

באַקקגראָונד-איבערחזרן

די הינטערגרונט-איבערחזרן פאַרמאָג קומט ווייַטער. אויב איר ווילט דיין בילד צו זיין אַ גרויס וואָטערמאַרק-נוסח גראַפיק, איר וואָלט נוצן דעם פאַרמאָג צו מאַכן אַז בילד דיספּלייז נאָר אַמאָל.

הינטערגרונט-איבערחזרן: קיין-איבערחזרן;

אָן די "קיין-איבערחזרן" פאַרמאָג, די פעליקייַט איז אַז די בילד וועט איבערחזרן איבער און איבער ווידער אויף די בלאַט. דעם איז אַנדיזייראַבאַל אין רובֿ מאָדערן וועב בלאַט דיזיינז, אַזוי דעם נוסח זאָל זיין געהאלטן יקערדיק אין דיין קסס.

באַקקגראָונד-אַטטאַטשמענט

הינטערגרונט-אַטאַטשמאַנט איז אַ פאַרמאָג אַז פילע וועב דיזיינערז פאַרגעסן וועגן. ניצן עס האלט דיין הינטערגרונט בילד פאַרפעסטיקט אין פּלאַץ ווען איר נוצן די "פאַרפעסטיקט" פאַרמאָג. עס איז וואָס טורנס דעם בילד אין אַ וואָטערמאַרק וואָס איז פאַרפעסטיקט אויף דער בלאַט.

די פעליקייַט ווערט פֿאַר דעם פאַרמאָג איז "מעגילע." אויב איר טאָן ניט ספּעציפיצירן אַ הינטערגרונט-אַטאַטשמאַנט ווערט, די הינטערגרונט וועט מעגילע צוזאמען מיט די רעשט פון די בלאַט.

הינטערגרונט-אַטאַטשמאַנט: פאַרפעסטיקט;

הינטערגרונט-גרייס

הינטערגרונט-גרייס איז אַ נייַער CSS פאַרמאָג. עס אַלאַוז איר צו שטעלן די גרייס פון אַ הינטערגרונט באזירט אויף די Viewport עס איז זייַענדיק ין דעם איז זייער נוציק פֿאַר אָפּרופיק וועבסיטעס וואָס וועט אַרויסווייַזן אין פאַרשידענע סיזעס אויף פאַרשידענע דעוויסעס .

הינטערגרונט-גרייס: דעקן;

צוויי נוציק וואַלועס איר קענען נוצן פֿאַר דעם פאַרמאָג אַרייַננעמען:

אַדדינג די קסס צו דיין זייַט

נאָך איר פֿאַרשטיין די אויבן פּראָפּערטיעס און זייער וואַלועס, איר קענען לייגן די סטיילז צו דיין וועבזייַטל.

לייג די פאלגענדע צו די קאָפּ פון דיין וועב בלאַט אויב איר מאַכן אַ איין בלאַט פּלאַץ. לייג עס צו די קסס סטיילז פון אַ פונדרויסנדיק נוסח בויגן אויב איר זענען בנין אַ מאַלטי-בלאַט פּלאַץ און ווילן צו נעמען מייַלע פון ​​די מאַכט פון אַ פונדרויסנדיק בויגן.