css opacity sorunu

[cempostaci]

selamlar.
can sıkıntısından arada sırada ps ve css html ile uğraşıyorum.
hobi gibi bir şey diyelim.
sıkıntım şu. bir div ve div içerisinde menüm var ve menüde atıyorum "asd - qwe - zxc" var.
bu menüye arka plan verip şeffaf yapmak istiyorum ama aynı div içerisinde opacity verdiğim için "asd - qwe - zxc"'yide şeffaf yapıyor.
sadece menünün arka planını şeffaf yapmak istiyorum.
bunu nasıl halledebilirim ?

[Suark]

çok çakmıorm da azcık uraştım,
arka menüye komple opacity verip görükmez yapıp,
sonra xyz abc skd elementlerini opacity yi arttırmayı denedin mi?

[cempostaci]

o zaman çok kod salatası olacak her yer sanırım demek istediğinden onu anladım.
html kısmını fazla salata yapmamak amacım.

[Cons]

pot equityi implied oddsla karıştır riverda hitle

[Suark]

yok ya html de bi id ver her elemente, hepsinede class ver işte.

classı görünmez yap, üzerine idleri görünür yap css te.
yani sanırım bi dene bakim

[cempostaci]

Cons said:

pot equityi implied oddsla karıştır riverda hitle

sen ne dedin öyle ya :(

[Cons]

ağır konuştum

[cempostaci]

annemi karıştırmasaydın bari

[Cons]

yok yok o kadar ileriye gitmedim

[cempostaci]

Suark said:

yok ya html de bi id ver her elemente, hepsinede class ver işte.

classı görünmez yap, üzerine idleri görünür yap css te.
yani sanırım bi dene bakim

dediğin biraz zahmetli geldi.
div'im kadar bir arka plan oluşturdum photoshopta. daha sonra ona opacity verip, background image olarak ekledim. bu daha kolay gibi geldi niyeyse :)

[arcane]

background: rgba( R, G, B, opacity);

RGB yerine RGB renk kodu, opacity yerine opacity.

background: rgba(0, 0, 0, .6);

gibin

[Mr_Hand]

http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Şunu bi oku, belki işini görecek bişey bulursun. Enteresan bi özellikmiş z-index. Bodoslama z ekseninde sıralama yapıyo sanıyodum ben de herkes gibi.

[di]

Opacity ile ugrasma, direnk transparan png ile yap o renk olayini.

Diger turlu ya birbirinden bagimsiz iki ayri layer/element kullanip birini digerine gore hizalayacaksin ya da transparan yaziya razi olacaksin zira icteki eleman ozelliklerini bir ust seviyeden miras aliyor. Onune gecebilecegin bisey degil.

[toggie]

1px transparan png yap ps'te. bg'ye koy sonra onu.
di soylemis gerci de, ben de soyleyip etkisini artırayım dedim.

[di]

Sayisal deger verecek kadar test etmedim ama o 1px gorsel olayina karsiyim ben, daha buyuk yapmakta fayda var bence.

Soyleki;

Sen o gorseli 50x50 hazirlasan da 1x1 hazirlasan da boyut pek degismiyor ama repeat desigin an browser'a bu is icin binen yuk binlerce kat artmis oluyor.

Haliyle arka plan sayisi ve repeat olayi artinca IE gibi sacma browser'larda ve mobile'da baya baya fark yaratiyor bu olay.

Hazir yeri gelmisken seedivereyim dedim.