Css Opacity Problemi

Merhaba

http://beta.friendplans.com/emlak/

Bu linkte beyaz içerik kısmı saydam gördüğünüz gibi ben istiyorumki,şu ilan blokları (yani mavi blok) orası opak olsun diğer yerler aynı şimdi olduğu gibi saydam olsun.Nasıl yaparım ? Internette araştırdım ama bulamadım.

öncelikle ie ve mozilla için ayrı ayrı hazırlanmalı.

http://www.anarschi.com/css-opacity-kodu

Hocam olay bu değil, iç içe divde problem oluyor mesela

<div style="opacity:0.5;background-color:#fff">
<div>
Bu yazı %100 opak olsun istiyorum
</div>
</div>

Ama orda o yazı opak değil 0.5 opak oluyor ben sadece arkaplanı saydam yapmak istemiştim halbuki.

http://www.blogasistan.com/arkaplan-...-kodu-css.html

Bunu yarın deneyeceğim ancak acaba bunlar sadece bg image verdiğimizde çalışıyor olabilir mi ? İnternettede hep arkaplan resmi üzerinden gidilmiş.

eğer color ile olmuyorsa tek piksellik istediğin renkteki imaj kullanrak yaparsın

hocam ilangeneldiv inde opacity kullanmayı denedin mi? eğer sonuç değşimiyorsa arkadaşlarında da dediği gibi 1px lik bir image kullanarak sorunu rahatça çözebilirsiniz.

Merhaba hocam sıkıntı şurdan çıkıyor opak bir divin içine hangi nesneleri alırsanız alın opak olucaktır.Yani bu işlemi özellik aktarımı gibi düşünebiliriz.Size tavsiyem en dışa bir genel div alın ve pozisyonu bu div ile belirleyin onun üstüne saydam olan bir divi ekleyin ve position:absolute; özelliğini açıp divi kapatın.Ardından eklenen divler bu divin içine girecektir.Ve sonra normal bir div eklerseniz bu divin saydamlığı diğerinin opak kalmasını engellemiyecektir.


Buyrun kısa bir örnek;

<style type="text/css">
#disdiv{
width:500px;
height:500px;
margin:0 auto;
border:5px solid black;
}

#durancan{
width:500px;
height:500px;
background-color:rgb(35,35,35);
z-index:-1;
position:absolute;
opacity:0.6;
}
#opak{opacity:1;
width:500px;
height:500px;

}
</style>

<div id="disdiv">
<div id="durancan">
</div> 
<div id="opak">
@durancan bu opaklık etkilenmiyecek @durancan
</div>  </div>

umarım işinize yarar