HTML / CSS konusunda çok yeniyim ve bazı metinleri% 50 şeffaf gibi görüntülemeye çalışıyorum. Şimdiye kadar metni tam opaklıkla görüntülemek için HTML'ye sahibim
<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>Ancak, opaklığını nasıl değiştireceğimden emin değilim. Çevrimiçi aramayı denedim, ancak bulduğum kodla tam olarak ne yapacağımdan emin değilim.
Yanıtlar:
opacitytüm öğe için geçerlidir, bu nedenle bu öğe üzerinde bir arka planınız, çerçeveniz veya başka efektleriniz varsa, bunlar da şeffaf hale gelecektir. Eğer varsa sadece istediğiniz metin, kullanım şeffaf olmak rgba.
#foo {
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
font-size: 16pt;
font-family: Arial, sans-serif;
}Ayrıca, çok uzağa yönlendirin <font>. Artık bunun için CSS'imiz var.
rgba.
Opaklığı Kontrol Et , Bu css özelliğini div, the <p>veya kullanarak <span>şeffaf yapmak istediğiniz
Ve bu arada, yazı tipi etiketi kullanımdan kaldırıldı , metni biçimlendirmek için css kullanın
div {
opacity: 0.5;
} Düzenleme: Bu kod, ** yalnızca metni ** şeffaf kontrol etmek istiyorsanız, tüm öğeyi şeffaf hale getirecektir @ Mattias Buelens yanıtı
rgbaEtiketi metin renginiz olarak kullanmanız yeterlidir. Kullanabilirsiniz opacity, ancak bu yalnızca metni değil, tüm öğeyi etkiler. Bir sınırınız olduğunu söyleyin, bunu da şeffaf hale getirir.
.text
{
font-family: Garamond, serif;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}En iyi çözümünüz, bir elemanın "opaklık" etiketine bakmaktır.
Örneğin:
.image
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}Yani sizin durumunuzda şöyle görünmelidir:
<html><span style="opacity: 0.5;"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>Ancak etiketin HTML5'te desteklenmediğini unutmayın.
Siz de CSS kullanmalısınız :)
Css opacityözelliği ne olacak ? 0için 1değerler.
Ama sonra muhtemelen "yazı tipi" yerine daha açık bir dom öğesi kullanmanız gerekir. Örneğin:
<html><body><span style=\"opacity: 0.5;\"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></span></body></html>Ek bilgi olarak, tabii ki CSS bildirimlerini html öğelerinizin dışında kullanmanızı, ancak aynı zamanda font html etiketi yerine font css stilini kullanmayı denemenizi öneririm.
Çapraz tarayıcı css3 stil oluşturucu için http://css3please.com/ adresine bir göz atın.
Kolay! Sonra senin:
<font color=\"black\" face=\"arial\" size=\"4\">bunu ekle:
<font style="opacity:.6"> 1 ile 0 arasında bir ondalık sayı için ".6" 'yı değiştirmeniz yeterlidir
Diye bir şey yok CSS bunu sadece değiştirir olmaz CSS donukluk özelliğini kullanmaya çalışır eğer diğer taraftan, alt öğeleri etkilemeden Bir elemanın arka saydamlığını veya saydamlığını değiştirmek için yalnızca kullanabileceği background-donukluk gibi mülkiyet arka planın opaklığı, ancak tüm alt öğelerin opaklığını da değiştirir. Böyle bir durumda, renk değerinin bir parçası olarak alfa saydamlığı içeren CSS3'te tanıtılan RGBA rengini kullanabilirsiniz. RGBA rengini kullanarak arka planın rengini ve saydamlığını ayarlayabilirsiniz.
ile oynamayı dene mix-blend-mode: multiply;
color: white;
background: black;
mix-blend-mode: multiply;