ساخت img خاص و شفاف - کمک

[crafcrab]

با سلام دوستان
میخواستم در ساخت یک کدی به من کمک کنید
من یه div دارم که داخل این div یک img هست
میخوام وقتی که با ماوس روی این img میرم با تابع show که در jquery هست
یه صفحه سیاه شیشه ای روی عکس بیاد به قول معروف یه div سیاه با opacity کم که تصویر از زیر این div شفاف سیاه معلوم باشه
راستی نمیخوام عکس و div سفاف از div اصلی برون بزنه ها فکر کنم display را باید دستکاری کرد

یه عکس از این چیزی که میخوام هم ضمیمه کردم
تصویر 2 زمانی هست که با ماوس روی عکس رفتم
لطفا کمک کنید

[ترانسپورتر]

یعنی می خوایند دایو شما شفاف بشه؟
خوب با css اینکارو بکنید!

[crafcrab]

اره میخوام div شفاف داشته باشم اما مشکل اینجاس چصوری div رو روی img قرار بدم؟

[ترانسپورتر]

آهان

خوب من الان تست کردم
من یه دایو گذاشتم و بعد داخلش یه عکس گذاشتم

بعدش یه دایو دیگه ساختم و موقعیت اون رو گذاشتم موقعیت دایو قبلی و خاصیت opacity بهش دادم

و شد اون چیزی که شما می خوایند!

الان دیگگه نمی دونم مشکل شما کجاست!

[babyy]

خب کد رو بزار

[ترانسپورتر]

آخه بدبختی اینه که من توی جوملا اینکارو کردم! برا همین عکس رو با سیستم مدیریت خودش گذاشتم!

بعدش داخل فایل مربوطه! کد css زیر رو وارد کردم!

کد php:

#a10{
border: 1px solid blue;
width: 1000px;
position:absolute;
 top: 820px;
 right: 3px;
 height :50px;
       background-color:#a19e9e;
       opacity: .60;

}

#a11{
border: 1px solid blue;
width: 1000px;
position:absolute;
 top: 165px;
 right: 3px;
 height :40px;
       background-color:#a19e9e;

} 


[crafcrab]

مشکل همین position:absolute; که حل شد