קסס ז-אינדעקס: אַן איבערבליק, פּראָפּערטיעס

הערשן קסס ז-אינדעקס - בלאַט עלעמענט שטעלע קאָואָרדאַנאַט ז: דער מדרגה פון די אַרויסווייַזן עלעמענט אָדער שיכטע אין וואָס עס איז ליגן. צעטל, וואס האט ז-אינדעקס גרעסערע וועט זיין געוויזן אין פול. טאַגס זענען געוויזן אין די סדר זיי דערשייַנען אין די ינקאַמינג לויפן און אָוווערלאַפּ. приоритет видимости. ז-אינדעקס ווערט דיטערמאַנז די וויזאַביליטי בילכערקייַט.

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

דער גענעראַל הערשן: די סדר און די מדרגה פון

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

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

הערשן וויזאַביליטי

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

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

השפּעה אויף די עלעמענט מענגע

קלעקן עס צו די דריט קוויטל סקקסס3 פאַרגרעסערן די ז-אינדעקס, און אין סקקסס4 - צו רעדוצירן עס, די גאַנץ בילד איז געביטן. די סיקוואַנס פון עלעמענטן אין דער טייַך בלייבט די זעלבע:

• id= 'scCSS1'; div id = 'סקקסס1';
• id= 'scCSS2'; div id = 'סקקסס2';
• id= 'scCSS3'; div id = 'סקקסס3';
• id= 'scCSS4'. div id = 'סקקסס4'.

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

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

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

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

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

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

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

געשעענישן און קענטיק עלעמענטן

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

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

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

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

בילד פֿאָרמאַט

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

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

בראַוזער באַגז און די דעוועלאָפּער

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

ינטערפּרעטינג HTML און קסס, דעם בלעטערער איז כּמעט טוט נישט מאַכן מיסטייקס - עס איז אַ אַקסיאַם. אויב די געוואלט נומער טוט נישט, דעמאָלט, אין די פּלאַן פון קסס {שטעלע: אַבסאָלוט; Z-אינדעקס: 112,233; לינקס: 10פּקס; שפּיץ: 20פּקס; } ... עפּעס איז פעלנדיק אָדער ניט רעקאָרדעד.

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

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

ניצן דזשקווערי.קסס (ז-אינדעקס, 123) קען אויך פירן צו אַ טעות, אויב ניט געווענדט צו די סאָרט אָדער identifier. אין דערצו, דזשקווערי - אַ באמת מערקווירדיק אַנטוויקלונג געצייַג. אָבער, איידער איר צולייגן עס, ניט שאַטן צו טראַכטן: איז עס מעגלעך צו דיספּענס מיט ימפּראַווייזד מיטל HTML / קסס, ז-אינדעקס - איז ניט אַ הערשן אַז טוט נישט דאַרפן באַלדיק ופמערקזאַמקייַט.

ריכטיק באַוועגונג פון די לאַדזשיקאַל Layers, און

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

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

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

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

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

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

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