| בעיות תפריט קל תנועה אופקית ב IE7
Robert Nitko - 11-07-2009 |
הי. כמו רבים לפני אני עושה לעזאזל עם הזמן לפתרון בעיה זו שורת התפריטים. קראתי וקראתי וקראתי הודעות קודמות. ניסה וניסה וניסה אנשים של פתרונות ללא הועיל. מה שמביא אותי כאן.
יש לי 6 קטגוריות עיקריות על שורת התפריטים הראשי שלי. תחת חלק מהם יש לי תת התפריט הנפתח. אצל אחרים שום דבר. חלק מהדפדפנים להציג את כל הקטגוריות כלומר בעוד 6 במהלכים פריט מסוים -6 שלי בחזרה תחת הסעיף הראשון שלי. "משוגע!"במילותיו של המלך לואי ספר הג 'ונגל. מה מטרד.
כל כך בטוח מספיק קראתי וניסיתי את כל הדברים האלה ויליאמס ריצ 'רד גדול כבר לעזור לאנשים עם כל כך הרבה זמן. שאלוהים יברך אותו. אני בטוח שהוא חולה באותו עניין. אבל נראה שהוא מומחה תושב, גורו והמושיע. מורידים את הכובע שלי אליך. אתה אדם דה.
כך אני מזמנת אותו שוב על האתגר שלי. אחד אזהרה. אני יוסיף קטגוריה אחת יותר בשורת התפריטים בסופו של דבר לעשות את זה 7, אבל ספק תהיה השפעה כלשהי על הפתרון.
הנה הקוד שלי מן sprymenubarhorizontal.CSS
@ charset "utf-8";
/ * Sprymenubarhorizontal.CSS - הגירסה 0.6 - טרום שחרור קל תנועה-1.6.1 * /
/ * Copyright (c) 2006. Adobe Systems Incorporated. כל הזכויות שמורות. * /
/************************************************* ******************************
מידע הפריסה: המודל מתאר את תיבת, מיצוב, Z-סדר
************************************************** ***************************** /
/ * את המיכל החיצוני של שורת התפריטים, תיבה אוטומטית עם רוחב השוליים לא או ריפוד * /
Ul.Menubarhorizontal
{
שולי: 0;
ריפוד: 0;
List-style-type: None;
Font-size: 100%;
הסמן: ברירת המחדל;
רוחב: Auto;
}
/ * להגדיר את שורת התפריטים הפעילה עם המעמד הזה, כרגע הגדרת Z-index כדי להכיל באגים עיבוד כלומר: http:/ / therealcrisp.Xs4all.Nl / meuk / כלומר-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * מכולות פריט בתפריט, ילדים המיקום היחסי על המיכל הזה הם רוחב קבוע * /
Ul.Li menubarhorizontal
{
שולי: 0;
ריפוד: 0;
List-style-type: None;
Font-size: 100%;
מיקום: יחסית;
Text-align: עזבו;
הסמן: המצביע;
רוחב: 8em;
לצוף: עזבו;
}
/ * תפריטי משנה יופיעו מתחת האב שלהם (הדף: 0) גבוה יותר עם Z-index, אבל הם תחילה את הצד השמאלי של המסך (-1000em) * /
Ul.Ul menubarhorizontal
{
שולי: 0;
ריפוד: 0;
List-style-type: None;
Font-size: 100%;
Z-index: 1020;
הסמן: ברירת המחדל;
רוחב: 8.2em;
מיקום: מוחלט;
שמאל: -1000em;
}
/ * המשנה כי הוא מראה עם ייעוד בכיתה menubarsubmenuvisible, אנו קובעים משמאל אוטומטי כך זה בא על המסך מתחת פריט תפריט האב שלו * /
Ul.Ul menubarhorizontal.Menubarsubmenuvisible
{
שמאל: Auto;
}
/ * מכולות פריט בתפריט הן באותו רוחב קבוע כהורה * /
Ul.Li Ul menubarhorizontal
{
רוחב: 8.2em;
}
/ * תפריטי משנה יופיעו מעט חופפות ימינה (95%) ועד (-5%) * /
Ul.Ul Ul menubarhorizontal
{
מיקום: מוחלט;
שולי: -5% 0 0 95%;
}
/ * המשנה כי הוא מראה עם ייעוד בכיתה menubarsubmenuvisible, אנו קובעים שמאל 0 כדי כך זה מגיע על המסך * /
Ul.Ul menubarhorizontal.Ul menubarsubmenuvisible.Menubarsubmenuvisible
{
שמאל: Auto;
מוביל: 0;
}
/************************************************* ******************************
עיצוב מידע: מתאר ערכת צבעים, גבולות, גופנים
************************************************** ***************************** /
/ * מכולות המשנה יש גבולות על כל הצדדים * /
Ul.Ul menubarhorizontal
{
הגבול: 1px solid # CCC;
}
/ * פריטי תפריט הם גוש אפור בהיר עם ריפוד ואין עיטור טקסט * /
Ul.Menubarhorizontal
{
תצוגה: לחסום;
הסמן: המצביע;
צבע רקע: Eee #;
ריפוד: 0.5em 0.75em;
צבע: # 333;
Text-decoration: None;
}
/ * פריטי תפריט כי יש למקד את העכבר מעל או יש רקע כחול טקסט לבן * /
Ul.Menubarhorizontal:לרחף, Ul.Menubarhorizontal:להתמקד
{
צבע רקע: # 33c;
צבע: # fff;
}
/ * פריטי תפריט פתוחים עם תפריטי משנה מוגדרות menubaritemלרחף עם רקע כחול וטקסט לבן * /
Ul.Menubarhorizontal.Menubaritemלרחף, Ul.Menubarhorizontal.Menubaritemsubmenuלרחף, Ul.Menubarhorizontal.Menubarsubmenuvisible
{
צבע רקע: # 33c;
צבע: # fff;
}
/************************************************* ******************************
אינדיקציה המשנה: סגנונות אם יש המשנה תחת פריט תפריט נתון
************************************************** ***************************** /
/ * פריטי תפריט כי יש המשנה את ייעוד menubaritemsubmenu בכיתה ו הוגדרו לשימוש תמונת רקע המוצב בשמאל הקיצוני (95%) ו ממורכז אנכית (50%) * /
Ul.Menubarhorizontal.Menubaritemsubmenu
{
Background-image: כתובת האתר (sprymenubardown.Gif);
Background-repeat: No-repeat;
מיקום הרקע: 95% -50%;
}
/ * פריטי תפריט כי יש המשנה את ייעוד menubaritemsubmenu בכיתה ו הוגדרו לשימוש תמונת רקע המוצב בשמאל הקיצוני (95%) ו ממורכז אנכית (50%) * /
Ul.Menubarhorizontal Ul.Menubaritemsubmenu
{
Background-image: כתובת האתר (sprymenubarright.Gif);
Background-repeat: No-repeat;
מיקום הרקע: 95% -50%;
}
/ * פריטי תפריט פתוחים עם תפריטי משנה את ייעודו menubaritemsubmenuלרחף בכיתה מוגדרים להשתמש לרחף "" תמונת הרקע ממוקם בשמאל הקיצוני (95%) ו ממורכז אנכית (50%) * /
Ul.Menubarhorizontal.Menubaritemsubmenuלרחף
{
Background-image: כתובת האתר (sprymenubardownלרחף.Gif);
Background-repeat: No-repeat;
מיקום הרקע: 95% -50%;
}
/ * פריטי תפריט פתוחים עם תפריטי משנה את ייעודו menubaritemsubmenuלרחף בכיתה מוגדרים להשתמש לרחף "" תמונת הרקע ממוקם בשמאל הקיצוני (95%) ו ממורכז אנכית (50%) * /
Ul.Menubarhorizontal Ul.Menubaritemsubmenuלרחף
{
Background-image: כתובת האתר (sprymenubarrightלרחף.Gif);
Background-repeat: No-repeat;
מיקום הרקע: 95% -50%;
}
/************************************************* ******************************
פריצות דפדפן: פריצות מתחת לא אמור להיות שונה אלא אם כן אתה מומחה
************************************************** ***************************** /
/ * Hack for IE: כדי לוודא את התפריטים תת להראות מעל הטופס פקדים, אנו ביסוד כל המשנה עם מסגרת * /
Ul.Iframe menubarhorizontal
{
מיקום: מוחלט;
Z-index: 1010;
מסנן:(אלפא אטימות:0.1);
}
/ * Hack for IE: לייצב את המראה של פריטים בתפריט; לוכסן ב לצוף היא לשמור כלומר 5.0 מ * ניתוח /
@ המסך התקשורת, היטל
{
Ul.Li menubarhorizontal.Menubaritemie
{
תצוגה: בשורה;
F \ loat: עזבו;
רקע: # fff;
}
}
תודה מראש.
Bob | |
