הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   CSS - איך אני יכול לגרום לתמונה אחת לצוף מעל אחרת? (https://hosts.co.il/forums/showthread.php?t=90686)

Livton92 08-07-11 06:25

CSS - איך אני יכול לגרום לתמונה אחת לצוף מעל אחרת?
 
ניסיתי בהרבה דרכים אבל התמונה פשוט מסרבת לעלות על האחרת חחחח... ;P

יש איזושהי דרך לגרום לתמונה אחת לצוף מעל אחרת מבלי להזיז את האחרונה?

עריכה:
לא חשוב כבר הצלחתי. אם מישהו גם נתקל בבעיה הזאת אז הנה הפתרון שמצאתי:
להגדיר את התמונה התחתית ב-position:absolute ואת העליונה כ-position:relative (במקרה שלי שתיהן היו עם קישורים ורציתי שהעליונה תציג את הקישור שלה כרגיל) ולקבוע z-index גבוהה יותר לתמונה שאתם רוצים שתצוף מעל לאחרת.

התוצאה - http://www.viralyx.net/
אייקון RSS מעל לאות "ל" בלוגו. כששניהם שמרו על הקישורים שאליהם מובילים. D:

~The_Sultan~ 08-07-11 10:44

כמה הערות:
1. אפשר במקום זה לעשות תמונה אחת לכל הלוגו, עם ה-RSS, שתהיה בתור ערך BACKGROUND ל-DIV מסויים ועליו למקם DIV שיהיה במיקום של ה-RSS והוא יהיה הקישור (curosr: pointer).
2. אפשר פשוט לעשות תמונה אחת רגילה ותמונה שנייה ב-position: absolute (או בתור DIVים שוב). אם זה לא עובד באמת, אז את השנייה אתה שם בתור DIV. אם זה מוצג בתחתיה אתה עושה מה שאמרת בעזרת z-index.
3. הגדרת float לתמונה העליונה.

liorclub 08-07-11 10:45

ראיתי את התוצאה באתר
לדעתי זה יכול להטעות גולשים,
מרבית הגולשים יודעים כי אם ילחצו על כפתור הלוגו של האתר זה יוביל אותם לדף הבית.
ברוב המקרים זה יעבוד להם אבל לפעמים זה לא יעבוד להם אצלך כי הם יופנו לדף ה RSS.

אני לא בטוח שזה יעיל ככה

Livton92 08-07-11 18:37

ציטוט:

נכתב במקור על ידי ~The_Sultan~ (פרסם 810642)
כמה הערות:
1. אפשר במקום זה לעשות תמונה אחת לכל הלוגו, עם ה-RSS, שתהיה בתור ערך BACKGROUND ל-DIV מסויים ועליו למקם DIV שיהיה במיקום של ה-RSS והוא יהיה הקישור (curosr: pointer).
2. אפשר פשוט לעשות תמונה אחת רגילה ותמונה שנייה ב-position: absolute (או בתור DIVים שוב). אם זה לא עובד באמת, אז את השנייה אתה שם בתור DIV. אם זה מוצג בתחתיה אתה עושה מה שאמרת בעזרת z-index.
3. הגדרת float לתמונה העליונה.

|Stare|


כל הזמנים הם GMT +2. הזמן כעת הוא 06:52.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ