איך לקבוע שקיפות על שקיפות
 

יש לי DIV שהשקיפות (opacity) שלו מוגדרת 50%, בתוכו יש תמונה שגם היא מוצגת ב-50% מצבעה המקורי.
איזה מאפיין אני צריך לתת לתמונה בשביל שרק אותה אני אראה בשקיפות מלאה?

*ניסיתי לתת לה הגדרה של opacity: 1, אבל זה לא עובד.

אתה לא יכול לעשות דבר כזה. תצטרך לשחק עם ההגדרות ככה שהתמונה תצוף מעל הDIV. הייתי עובד עם position:relative וממקם אותם אחד ליד השני עם z-index והגדרות top,left.

תנסה לתת לתמונה ערך של z-index: 2 ול-DIV ערך של 1. כמובן כתוספת לשקיפות.

הייתי עושה את זה עם position:absolute - לדעתי זה עדיף שכן המיקום הוא לא יחסי לאלמנט הרלטיבי אלא לאבא שלו, שהגודל שלו יותר קבוע.

דוגמא פה

לזה התכוונתי, relative שבתוכו absolute.

עדיף לשחק עם הגדרת float מאשר position לדעתי.

השימוש של float הוא שונה לחלוטין: כאשר אלמנט אחד אמור לצוף לצד אלמנט אחר ולא מעליו.
אתה יכול להסביר למה לדעתך עדיף float?

כי אם לאלמנט אחד אין ערך מיוחד ב-position, אז ה-float יצוף מעליו אוטומטית ועם משחק קטן בהגדרות ה-top, right וכו' תוכל להתאים אותו תוך כך שרק אלמנט אחד צף ולא שניים. תקן אותי אם אני טועה.

אתה מתכוון למשהו כזה?
שים לב שהאלמנט נמצא מעל לתמונה ולא מתחת ואני לא מצליח לעשות את ההפך.

מה?

מנסה להבין איך אתה מציע לעשות את זה.
ניסיתי לשחק קצת וצירפתי דוגמא.
הנה הדוגמא שוב

האם זו הכוונה שלך?

אתה צריך לתת ל-DIV השקוף ערך שלילי ב-z-index.

קיצר תודה רבה! עזרתם לי!
[=