קסס הינטערגרונט דורכזעיקייַט. טראַנספּעראַנט הינטערגרונט אָדער טעקסט מיט קסס

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

הינטערגרונט Defined דורך אַ סכום פון אַטראַביוץ (הינטערגרונט-בילד, הינטערגרונט-שטעלע , הינטערגרונט-גרייס, הינטערגרונט-איבערחזרן, הינטערגרונט-אַטאַטשמאַנט, הינטערגרונט-אָנהייב, הינטערגרונט-קלעמערל, הינטערגרונט-קאָליר), יעדער פון וואָס קענען זיין אַסיינד סעפּעראַטלי אָדער קאַמביינד אונטער די אַטריביוט הינטערגרונט. זאל אונדז ונטערזוכן יעדער פון זיי אין דעטאַל.

אַטריביוט הינטערגרונט-קאָליר

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

העקס קאָליר קאָד איז רעקאָרדעד אין די פאַרמאָג נאָך די לאַטאַס: הינטערגרונט-קאָליר: # פפדאַב9. אויב די אותיות אין דעם פּאָזיציע זענען די זעלבע פּערז, די קאָד איז יוזשאַוואַלי אַ ביסל שנייַדן: # קקפפ00 קענען ווערן געשריבן ווי # קפ0:

גוף {הינטערגרונט-קאָליר: # קפ0 ;}.

דער נאָמען איז, אַפֿילו אין די מערסט עקזאָטיש פֿאַרבן. למשל, אין דערצו צו די סטאַנדאַרט רויט און ווייַס איר קענען נוצן נאַוואַדזשאָווהיטע (#פפדעאַד) אָדער האָניידעוו2 (# ע0עעע0):

גוף {הינטערגרונט-קאָליר: לילאַ; }.

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

די לעצטע ווערט אין רגבאַ הינטערגרונט און שטעלט די אָופּאַסאַטי פון 0 (טראַנספּעראַנט) צו 1 (אָופּייק).

עס זענען עטלעכע ומגעוויינטלעך וואַלועס. די הינטערגרונט פֿאַרב קענען ווערן באַשטימט ניצן די הסל און הסלאַ. ביידע זענען געווען אַדדעד צו קסס 3, און דעריבער זענען ניט געשטיצט דורך הייסט ווערסיע 9 אָדער העכער. עמבאָדימענץ יידעניקאַל רגב אָדער רגבאַ, נאָר אין אַ אַנדערש פֿאָרמאַט: הוע (שאָטן - ווערט אויף די קאָליר ראָד, איז געגעבן אין דיגריז), סאַטוראַטע (זעטיקונג - קאָליר ינטענסיטי ווי אַ פּראָצענט, 0-100), ליגהטנעסס (ליגהטנעסס - ברייטנאַס, געמאסטן סימאַלערלי פּאַראַמעטער סאַטוראַטע ).

אַטריביוט הינטערגרונט-בילד

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

{הינטערגרונט-גוף בילד: וועבאַדרעס (בג1.פּנג), וועבאַדרעס (בג2.פּנג)}.

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

אַטריביוט הינטערגרונט-שטעלע

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

גוף {הינטערגרונט-שטעלע: רעכט צענטער ;} - אין דעם בייַשפּיל, די מוסטער וועט זיין ליגן אויף די רעכט זייַט פון די בלאַט, דער שפּיץ און דנאָ פון די בילד דיסטאַנסע צו די זעלבע.

אַטריביוט הינטערגרונט-גרייס

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

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

אַטריביוט הינטערגרונט-אַטאַטשמאַנט

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

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

לעמאָשל פון נוצן:

גוף {הינטערגרונט-אַטאַטשמאַנט פאַרפעסטיקט}.

איצט, Firefox טוט נישט שטיצן די לעצטע אייגענטום (היגע).

אַטריביוט הינטערגרונט-אָנהייב

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

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

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

אַטריביוט הינטערגרונט-איבערחזרן

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

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

לעמאָשל פון די אַטראַביוץ:

גוף {הינטערגרונט-איבערחזרן: נאָ- איבערחזרן איבערחזרן} - ענלעך הינטערגרונט-איבערחזרן: איבערחזרן-י.

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

אַטריביוט הינטערגרונט-קלעמערל

דעם אַטריביוט דעפינעס די נאַטור פון די הינטערגרונט אונטער די באַונדריז (למשל, אין די פאַל פון די דאַטיד ראָמען):

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

לעמאָשל פון נוצן:

גוף {הינטערגרונט-קלעמערל: קאָנטענט- קעסטל;}.

טשראָם און Safari דאַרפן -וועבקיט- פּרעפֿיקס.

אָפּאַסיטי אַטראַביוץ און פילטער

אָופּאַסאַטי אַטריביוט אַלאַוז איר צו שטעלן די דורכזעיקייַט פון דעם הינטערגרונט - קסס פאַרמאָג וועט אַרבעטן אין אַלע בראַוזערז. די ווערט איז שטעלן אין די קייט 0.0-1.0 ינקלוסיוו. אין דעם פאַל, איר קענען שטעלן די דורכזעיקייַט פון די קסס הינטערגרונט קיין ינטאַדזשער ווערט אָנשטאָט פון 0.3 איז גענוג צו שרייַבן .3:

.בלאָקק {הינטערגרונט-בילד: וועבאַדרעס ( ימג.פּנג); אָופּאַסאַטי: .3;}.

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

.בלאָקק {הינטערגרונט-בילד: וועבאַדרעס ( ימג.פּנג); פילטער: אַלף (אָופּאַסאַטי = 30)}.

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

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