SORU
14 NİSAN 2011, PERŞEMBE


'IE 8'de bulunan öğe etkilemeden arka plan s div donukluk?

IE 8'de bulunan öğe etkilemeden div arka plan Donukluk ayarlamak istiyorum. herhangi bir çözüm var ve set 1 X 1 cevap yok .png ve dinamik opaklık kullanıyorum çünkü görüntü donukluk ayarlayın görüntü ve renk yönetim bunu değiştiremez

Ama IE 8'de çalışan kullandım

#alpha {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

ve

rgba(0,0,0,0.3)

ayrıca.

CEVAP
14 NİSAN 2011, PERŞEMBE


opacity tarzı içinde bütün eleman ve her şeyi etkiler. Bu doğru cevabı temsil etmek arka plan rengi yerine kullanmaktır.

CSS oldukça basittir:

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

...ilk üç sayı kırmızı, yeşil ve mavi değerleri için arka plan rengi ve dördüncüsü de 'alfa' kanal değeri olan eserler de aynı şekilde opacity değer.

Daha fazla bilgi için bu sayfaya bakın: http://css-tricks.com/rgba-browser-support/

Aşağı tarafı, bu IE8 veya daha düşük bir işe yaramıyor. Sayfa bağlı, yukarıda da listeler birkaç diğer tarayıcılarda işe yaramıyor, ama hepsi çok eski artık; tüm tarayıcılarda mevcut kullanımı dışında IE6/7/8 ile çalışır renkler de temsil etmek.

İyi haber bu da, bir hack CSS3Pie adı verilen çalışma için IE zorlayabilir. CSS3Pie temsil etmek arka plan renkleri de dahil olmak üzere IE eski sürümleri, modern CSS3 özellikleri bir dizi ekler.

Kullanın CSS3Pie için arka planlar, ihtiyacın eklemek için özel -pie-background bildirimi için CSS yanı sıra PASTA behavior stil, stil olur sonuna kadar bakmak gibi bu

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

Bu yardımcı olur umarım.

[DÜZENLE]

Diğerleri de belirttiğim gibi, buna değer ne için, filter, gradient anahtar kelime ile stil IE kullanabilirsiniz. CSS3Pie çözüm stil daha temiz yani aslında perde arkasında bu aynı tekniği kullanıyor, ama senin etrafında doğrudan IE filtreleri ile uğraşmak ihtiyacını ortadan kaldırır. (bu da diğer güzel özellikleri bir sürü ekler, ama bunun konumuzla alakası yok)

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • jcortes187

    jcortes187

    24 Mart 2006
  • Semantic Mastery

    Semantic Mas

    30 EKİM 2013
  • TouchePro

    TouchePro

    27 EYLÜL 2007

İLGİLİ SORU / CEVAPLAR