הגדרת z-index

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

ראשי › פורומים › תמיכה › הגדרת z-index

דיון זה מוגדר: סגור

תגיות: 

מוצגות 18 תגובות – 1 עד 18 (מתוך 18 סה״כ)
  • מאת
    תגובות
  • #67623
    chavak
    Participant

    אני מעונית שהאיקונים שבדף הבית יעלו מעט על הסליידר שמעליהם
    הגדרתי זאת- להלן קישור
    http://www.aristocrat4u.com/kitty/
    אבל הם עומדים מתחת הסליידר ולכן רואים אותם באופן חלקי
    ניסיתי להגדיר z-index
    אבל זה לא עזר
    אשמח לקבל עזרה

    #67631
    Boaz
    Moderator

    הי,
    ממליץ לך לקרוא את המדריך הבא בנושא z-index:

    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

    #67733
    chavak
    Participant

    קראתי את התיעוד
    אבל מכיוון שאני לא אלופה באנגלית
    לא הצלחתי להבין איך בתכלס אני מתמודדת עם הבעיה
    תוכלו לתת לי קוד שיפתור את הבעיה- אולי דרך זה אבין את הפתרון לפעמים הבאות.

    #67774
    Boaz
    Moderator

    לצערי לא מדובר פה בשורת קוד, אלא במשהו קצת יותר מורכב שאנחנו לא יכולים לסייע בו..
    באופן עקרוני, כדי ש-z-index יעבוד, את צריכה שהאלמנטים יישבו יחד בתוך אלמנט-אב וכאן הם יושבים כל אחד בתוך אלמנט אחר.

    #67783
    chavak
    Participant

    שינוי הקוד הוא רק בקובץ- css
    או גם בקבצי php

    #67807
    Boaz
    Moderator

    זה לא רק CSS, אבל אין פה קשר ל-PHP, אלא לאופן שבו האלמנטים מסודרים.
    לצורך העניין, אם תשימי באותו איזור 2 אלמנטים, זה יעבוד לך עם קצת CSS.
    פה האלמנטים לא קשורים אחד לשני ולכן זה בעייתי.

    #67815
    chavak
    Participant

    בניתי את האלמנטים בעורך בלידר,
    הכנסתי את כולם לאותו אזור ולאותה עמודה
    ובהגדרת אזור נתית להם קלאס

    יש משהו שאני צריכה לשנות שם בשביל שזה יעבוד?

    #67823
    Boaz
    Moderator

    את רוצה שזה יהיה ב-z-index ביחס לסליידר, לא?
    הסליידר נמצא ב-<div> שונה משאר התוכן שבבילדר.

    את יכולה לנסות להכניס את הסליידר בתוך ווידג'ט בבילדר.

    #67894
    chavak
    Participant

    זה לא יהיה לי טוב
    כי אני רוצה שהסלידר יהיה תחת התפריט הראשי וההידר שקוף

    #67897
    Boaz
    Moderator

    אני מבין, אבל באמת שאין לי דרך לעזור עם זה… :/

    #67908
    chavak
    Participant

    יש אפשרות להגדיר ששינוי מסוים ב- css , בתבנית בת
    יחול אך ורק על עמוד מסוים?

    #67910
    Boaz
    Moderator

    כן.
    נניח במקרה של העמוד המדובר, זה ה-class שלו:
    .page-id-2853
    אז את פשוט מוסיפה את הקלאס הזה לפני כל שאר ה-CSS.

    #67914
    chavak
    Participant
    תגובה זו סומנה כפרטית.
    #67928
    Noa
    Participant

    אז יכול להיות שהכנסת את ה id לא נכון..

    תכניסי אותו בתחילת השורה, כך:

    .page-id-2853 .class{display:none;}

    #67957
    chavak
    Participant

    לא הבנתי
    זה ה-CSS שאני מעונינת שיחול רק על העמוד הראשון

     .layout-section .entry-content 
    { margin-top: -150px }

    אשמח עם תוסיפו לזה בצורה נוכנה את הקלאס של העמוד
    ניסיתי בכמה צורות ולא עבד- כנראה יש לי איזשהי שגיאה קטנה שמשבשת הכל

    #67972
    Boaz
    Moderator

    ה-CSS הזה אמור לעבוד:
    .page-id-2853.layout-section .entry-content {margin-top: -150px;}

    #67999
    chavak
    Participant

    תודה עובד מצוין
    פתר לי את הבעיה הנ"ל.

    הכל היה ענין של מרווח מיותר בין .page-id-2853 ל-.layout-section

    ועכשיו שאלה נוספת ואחרונה לאשכול זה.
    איזה מזהים את הקלאס של העמוד המסוים?

    #68005
    Boaz
    Moderator

    אם את עובדת עם כרום, בעזרת ה-inspect (לחיצה על F12):

    http://imgur.com/a/kEury

מוצגות 18 תגובות – 1 עד 18 (מתוך 18 סה״כ)
  • הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.