ערכתי לאחרונה בתאריך 28.02.10 בשעה 18:00 בברכה, שרון אורן
שלום לכולם.
האתר שלי בנוי באופן הבא:http://rotter.name/User_files/nor/4b8a915e6243d659.jpg
כאשר:
* DIV1 הוא האבא של DIV2, DIV3, DIV4
* ו- DIV2 הוא האבא של DIV5 ו- DIV7 (כנל לגבי DIV4).
בלחיצה על כפתור אני רוצה שהאתר שלי 'יוחשך' באופן הבא:
http://rotter.name/User_files/nor/4b8a918f62ca6828.jpg
הצלחתי ל'החשיך' אותו על ידי כך שיצרתי DIV אבסולוטי בגודל כל המסך עם תמונת רקע ו OPACITY עם ZINDEX גבוה יותר מאשר כל האלמנטים בעמוד.
וגם את ההודעה שמרכז המסך הצלחתי לעשות.. גם זה על ידי כך שנתתי Z-INDEX גבוה יותר מאשר כל האלמנטים בעמוד.
עכשיו איפה הבעיה?
כמו שניתן לראות בתמונה השניה, יש את האזור שהוא לא מוחשך וזאת הבעיה שלי.
אם נסתכל על התמונה הראשונה שזה מבנה האתר שלי מה שאני רוצה לעשות.
זה להחשיך את כל DIV1, ורק ש DIV5 , DIV7,DIV6 ו DIV 8 ישארו 'מעל' ההחשכה.
זאת אומרת שהם צריכים Z-INDEX יותר גדול מאשר האלמנט האבסולוטי עם תמונת הרקע וה OPACITY שהוא בעצם מה שמחשיך.
אבל הבעיה היא ש DIV5 לדוגמא הוא הבן של DIV2. ו DIV 2 אמור להיות להיות מוחשך. ( ZINDEX יותר נמוך מאשר האלמנט שמחשיך את העמוד).
ככה שנוצרת לי בעיה בהיררכיה של האלמנטים כדי להגיע לפתרון המבוקש כי לפי מה שראיתי והבנתי אי אפשר לתת סתם לאלמנט פנימי יותר ZINDEX גבוה יותר משל אבא שלו כדי שזה יצא בצורה שאני רוצה.
מקווה שניתן לפתור זאת והבאתי את הדברים בצורה ברורה.
תודה מראש
פתיחת אייפונים נעולים לסים פרי
https://www.unlock-it.co.il