Ebeveyn div arka planında saydamlık

Question

Ebeveyn sırasının bg rengini veya opaklığını etkilemenin mümkün olup olmadığını merak ediyorum.

Bu şeffaf beyaz renkli bir div:

background-color:rgba(255,255,255,0.9); 

div yuvarlak köşeli textfields içeren, bir şekilde textfields arka plan rengi negatif saydamlık sayı olabilir div toplam donukluk yüzden ve metin alanı 0,5'e eşittir?

Önceden saydam bir divın yuvarlatılmış bir sayısında mmore şeffaflığı gibi.

1. Yap ebeveyn dic tamamen şeffaf ve alanlar etrafında bir çerçeve olarak div'leri çizmek:

   Ben 3 olası çözümleri ile geldi. (Çok karmaşık geliyor.)

2. İçeriği metin alanının içine tekrar divın altına ekleyin. (Performans?)
3. Bir çeşit kesişim.

Ne yapmam gerektiğini düşünüyorsunuz?

- Edit ---

Ben çözüm 2. bir varyasyonunu kullanılan, bir png dosyası oluşturduk. İşte (untweaked) result (modal div'i açmak için lütfen bize ulaşın). Görülmesi zor, ama bulanıklık yüzünden pencere de şeffaf.

Not Bu, aşağıdaki içeriği güncellediğimde png'yi güncellemem gerektiğinden en iyi çözümden çok uzaktır.

Answer 1

Eğer doğru anlıyorsam, div numaralı telefondan bir pencere/delik açmak istiyorsunuz. Bildiğim kadarıyla, bunu yapamazsınız, çünkü div, metin kutularının arkasındadır ve bunları uygulayacağınız herhangi bir şeffaflık, div'un kutulara ya da div'un arkasındaki içeriklere değil, gösterilmesine neden olacaktır.

Belki bunun yerine bir arka plan renginin, sen div arka plan metin kutuları denk iki şeffaf delikli bir PNG resim yapabilirsiniz, ancak bu

Answer 2

Bildiğim kadarıyla, dış diva uygulanan saydamlık, içindeki her şey için geçerli olacaktır. Tam olarak burada neyi başarmak istediğinizi bilmiyorum, belki jsfiddle'a biraz daha kod veya mockup göndermelisiniz. http://css-tricks.com/384-non-transparent-elements-inside-transparent-elements/

EDIT:

Bu

Ben konuyla ilgili bulabildiğim ne (Ben işe yarayacak emin değilim) denemek istiyorum ne sorun için daha önce yayınlanan bağlantıya benzer bir çözüm izlemektir . Biri diğerinin üzerinde iki tane ayrılmış div var. Üst katmandaki şeffaf girdilerinizle ilgili formu almanızı öneririm, belki bu sizin için bir şeyler yapabilir mi? Size başka ne söyleyeceğimi bilmiyorum, png çözümü en iyisi değil, ama png'yi burada ve orada kullanmanız gerekebilir. Belki de bu kadar

şey: http://jsfiddle.net/XnATc/21/

Answer 3

Johannes Lund

Evet mısın altıgen renk kodlaması ve matematik ile çok karmaşık olması bu başka şeyler için png görüntü dosyaları kullanmalıdır.