CSS - איך אני יכול לגרום לתמונה אחת לצוף מעל אחרת?
 

ניסיתי בהרבה דרכים אבל התמונה פשוט מסרבת לעלות על האחרת חחחח... ;P

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

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

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

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

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

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

|Stare|