הגדרת z-index

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

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

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

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

תגיות: 

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

    chavak
    משתתף

    אני מעונית שהאיקונים שבדף הבית יעלו מעט על הסליידר שמעליהם
    הגדרתי זאת- להלן קישור

    דף בית 1


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

    #67631

    Boaz
    מנחה

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

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

    #67733

    chavak
    משתתף

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

    #67774

    Boaz
    מנחה

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

    #67783

    chavak
    משתתף

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

    #67807

    Boaz
    מנחה

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

    #67815

    chavak
    משתתף

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

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

    #67823

    Boaz
    מנחה

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

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

    #67894

    chavak
    משתתף

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

    #67897

    Boaz
    מנחה

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

    #67908

    chavak
    משתתף

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

    #67910

    Boaz
    מנחה

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

    #67914

    chavak
    משתתף
    תגובה זו סומנה כפרטית.
    #67928

    Noa
    משתתף

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

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

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

    #67957

    chavak
    משתתף

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

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

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

    #67972

    Boaz
    מנחה

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

    #67999

    chavak
    משתתף

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

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

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

    #68005

    Boaz
    מנחה

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

    View post on imgur.com

מוצגות 18 תגובות – 1 עד 18 (מתוך 18 סה״כ)

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