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

Livton92 · 08-07-11, 06:25

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

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

עריכה:
לא חשוב כבר הצלחתי. אם מישהו גם נתקל בבעיה הזאת אז הנה הפתרון שמצאתי:
להגדיר את התמונה התחתית ב-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~

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

08-07-11, 06:25	# 1
Livton92 חבר בקהילה מיני פרופיל תאריך הצטרפות: Oct 2007 גיל: 31 הודעות: 191	CSS - איך אני יכול לגרום לתמונה אחת לצוף מעל אחרת? ניסיתי בהרבה דרכים אבל התמונה פשוט מסרבת לעלות על האחרת חחחח... יש איזושהי דרך לגרום לתמונה אחת לצוף מעל אחרת מבלי להזיז את האחרונה? עריכה: לא חשוב כבר הצלחתי. אם מישהו גם נתקל בבעיה הזאת אז הנה הפתרון שמצאתי: להגדיר את התמונה התחתית ב-position:absolute ואת העליונה כ-position:relative (במקרה שלי שתיהן היו עם קישורים ורציתי שהעליונה תציג את הקישור שלה כרגיל) ולקבוע z-index גבוהה יותר לתמונה שאתם רוצים שתצוף מעל לאחרת. התוצאה - http://www.viralyx.net/ אייקון RSS מעל לאות "ל" בלוגו. כששניהם שמרו על הקישורים שאליהם מובילים. D: Last edited by Livton92; 08-07-11 at 07:05..

08-07-11, 10:45	# 3
liorclub חבר על מיני פרופיל תאריך הצטרפות: Jan 2007 גיל: 39 הודעות: 756	ראיתי את התוצאה באתר לדעתי זה יכול להטעות גולשים, מרבית הגולשים יודעים כי אם ילחצו על כפתור הלוגו של האתר זה יוביל אותם לדף הבית. ברוב המקרים זה יעבוד להם אבל לפעמים זה לא יעבוד להם אצלך כי הם יופנו לדף ה RSS. אני לא בטוח שזה יעיל ככה __________________ ליאור


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

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

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)