مشکل در تداخل لینک ها هنگام استفاده از opacity در CSS

[marasiali]

با سلام من دارم یه طراحی قالب میکنم توش به یه مشکلی خوردم اونم اینکه برا ایجاد افکت hover روی منوی سمت چپ از خاصیت opacity استفاده کردم که تو حالت عادی opacity اون 0.6 و وقتی موس روش میره به 1 تغییر میکنه و پررنگ میشه.اما اینجوری تو حالت معمولی عکس ها روی منوی فیکس بالای صفحه قرار میگیرن. در ضمن نمیشه لینک درون زیرشاخه های منوها رو دید یا اگردید انتخاب کرد و عکس انتخاب میشه اینم عکس مشکلم:
131736
اینم کد یکی از اون دکمه های منوی چپ:
.img-th1{
border:#999999 solid 3px;
width:272px;
height:76px;
background-image:url(images/technology-b.png);
opacity:0.6;
float:left;
position:inherit;
margin-left:20px;
margin-top:10px;
}
.img-th1:hover{
border:#000000 solid 3px;
opacity:1;
}

البته برا حل این مشکل میتونم به جای استفاده از opacity یه عکس پررنگ شده و مشابه اینو تنظیم کنم نمایش بده ولی همونجور که میدونین اینجوری حجم وب سربه فلک میکشه و سرعت لود هم میشه افتضاح
پیشاپیش ازتون بابت پاسخگویی ممنونم:قلب:

[H:Shojaei]

الان دقیقا میخواید منو رو چکار کنید؟! یا بیاریدش پایین یا محوش کنید یا... ؟!
مشکل رو گفتید نگفتید چه انتظاری دارید!؟

[marasiali]

میخوام در عین اینکه قابلیت پررنگ شدن وقتی موس روی گزینه میره رو حفظ کنه منو بالا روشونو مثل عنصرهای دیگه بپوشونه(شفاف نباشه) و گزینه های منو بالا کار بده.

[H:Shojaei]

بازم نامفهومه گفته هاتون ولی اگر میخواید موضوعات که نوشتید هم بشه کلیک کرد و این لینک داستان رو هم بشه کلیک کرد باید موضوعات رو بهشون z-index بیشتر از داستان بدید و همچنین موضوعات رو پس زمینشو transparent کنید تا منوی داستان زیرش کامل نشون داده بشه...

[SlowCode]

بهتره از رنگ پس زمینه rgba استفاده کنی. مثلا:

.img-th1{
border:#999999 solid 3px;
width:272px;
height:76px;
background-image:url(images/technology-b.png);
background: rgba(0,0,0,.6);
float:left;
position:inherit;
margin-left:20px;
margin-top:10px;
}

.img-th1:hover{
border:#000000 solid 3px;
background: rgba(0,0,0,1);
}

[marasiali]

بازم نامفهومه گفته هاتون ولی اگر میخواید موضوعات که نوشتید هم بشه کلیک کرد و این لینک داستان رو هم بشه کلیک کرد باید موضوعات رو بهشون z-index بیشتر از داستان بدید و همچنین موضوعات رو پس زمینشو transparent کنید تا منوی داستان زیرش کامل نشون داده بشه...

واقعا ممنون. با z-index مشکل اصلی لینکام حل شد ولی transparent رو نفهمیدم و هنوز شفافه موضوعاتم آخه اگه بک گراند موضوعاتو transparent کنم که دیگه رنگشو از دست میده و مشکی نیس.البته اینم حل نشد زیاد مهم نیس مهم قبلیه که بود که حل شد.