object של פלאש "עולה" על תמונה רגילה

[syn]

לאחרונה נתקלתי בתופעה "המוזרה" הזו: רכיבי פלאש "עולים" על תמונות.
קשה לי להסביר את זה במילים אז אני אתן דוגמא לייב:

http://www.galilinfo.co.il/video/41.html

כשמשתמש לוחץ על תמונה בצד על מנת להגדיל אותה, היא מופיעה בצורה חלקית בלבד מכיוון שרכיב הפלאש של יוטיוב (במקרה הזה), "עולה" על התמונה ומסתיר אותה.

האם ניתן לפתור את הבעיה ?

[servil]

Z index?

[Hanan]

תוסיף ב Object:
<param name="wmode" value="transparent"></param>
אמור לפתור את הבעיה.

[SniR-S]

או שתגדיר לתמונות שלך

position: relative;

[syn]

חנן, ניסיתי את מה שכתבת לי אבל זה לא עזר.

Snir, ניסיתי את מה שכתבת, גם על התמונה עצמה, וגם על הDIV שמכיל את התמונה המוגדל אבל גם זה לא עוזר.

אני חושב שזה קשור להגדרות הדפדפן והפלאגין של הפלאש, מה דעתכם?

[SniR-S]

נסה לעבוד עם z-index
תוסיף div שיעטוף את הסרטון, ותגדיר לו

z-index: 1;

ולתמונות שלך תוסיף

zi-index: 2;

[Hanan]

אוקיי.. ותנסה לעשות את מה שאמרתי לך ובנוסף להגדיר בתג <embed>:
wmode="transparent"

קיצר מחק את כל הקוד שלך ותשים:

<object width="480" height="385">
<param name="movie" value="http://www.youtube-nocookie.com/v/Un_RHiruOz8&hl=en&fs=1&rel=0">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="transparent" />
<embed src="http://www.youtube-nocookie.com/v/Un_RHiruOz8&hl=en&fs=1&rel=0" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed>
</object>

[syn]

תודה לכם חבר'ה עזרתם לי
עכשיו הכל עובד פיקס