Yapmaya çalıştığım şey, beyaz opak arka plana sahip bir div içinde, metnin tam olarak saydam olmasını ve böylece gövdenin arka planını göstermesini istiyorum.Arka planını göstermek için METİN beyaz bir divanda tamamen saydam hale nasıl getirilir?
Bu benim defa kaynak kodu:
body, html {
color: #FFF;
height: 100%;
width: 100%;
margin: 0;
top: 0;
left: 0;
font-family: Arial;
background: url(http://forums.windowscentral.com/attachments/windows-10/104338d1431267538t-windows-spotlight-lockscreen-96-.jpg) center fixed;
background-size: cover;
}
.center {
position: absolute;
display: inline-block;
padding: 15px;
top: 50%;
left: 50%;
text-align: center;
width: 400px;
font-size: 30px;
line-height: 30px;
height: 30px;
margin-top: -15px;
margin-left: -215px;
background: rgba(255,255,255,.5);
}
<div class="center">
Lorem ipsum dolor sit amet.
</div>
Ne yapmaya çalışıyorum div 's yapmak için de metin görünmez hale ve palmiye ağaçları duvar kağıdı göstermek ve etmektir arka plan beyaz.
.center {
color: transparent;
background-color: #FFF;
}
Ama sadece metin ve beyaz arka plan hem yapar:
denedim. Ben başarmak için çalışıyorum ne
Örnek: beyaz bir arka planı sadece butonuna
Odak (yani div hayal). Mavi rengin (hem vücut arka planının hem de metnin) arka plan görüntüsü olduğunu düşünün.
Bu yalnızca CSS ve HTML kullanılarak yapılabilir mi? Ancak javascript veya jquery umrumda değil.
Boş ver, @JokerFan sayesinde, bir çözüm here bulduk.
Not: Bu yalnızca webkit tarayıcılarında çalışır.
- Metin şeffaf olsaydı sen, düğme * arka plan * değil görürdük bunun ötesinde ne olursa olsun. – jonrsharpe
Yapmak istediğim şey bu, metnin ötesinde ne olduğunu görmesini sağlamak – CZX
Başka bir HTML öğesi veya benzeri bir şey eklemek zorunda mıyım? – CZX