Was ich versuche zu tun ist, dass ich in einem Div mit einem weißen undurchsichtigen Hintergrund möchte, dass der Text vollständig transparent ist, so dass es den Hintergrund des Körpers zeigen kann.Wie macht man TEXT in einem weißen div vollständig transparent, um den Hintergrund zu zeigen?
Dies ist mein Quellcode so weit:
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>Was ich versuche zu tun, um den Text unsichtbar und zeigen die Palmen Tapete zu machen, und auch die divs zu machen Hintergrund weiß.
Ich habe versucht:
.center {
color: transparent;
background-color: #FFF;
}
Aber es macht nur den Text und den Hintergrund weiß.
Beispiel von dem, was ich zu erreichen versuche:
Fokus nur auf die Schaltfläche (man stelle sich das ist das div), die einen weißen Hintergrund hat. Stellen Sie sich vor, dass die blaue Farbe (sowohl des Hintergrunds als auch des Textes) das Hintergrundbild ist.
Ist dies nur mit CSS und HTML möglich? Ich habe nichts dagegen, Javascript oder Jquery.
Nevermind, dank @JokerFan, ich habe here eine Lösung gefunden.
Hinweis: Dies funktioniert nur in Webkit-Browsern.
, die keinen Sinn macht - wenn der Text transparent war der Hintergrund * der Taste * sehen würde, nicht was auch immer dahinter ist. – jonrsharpe
Das ist, was ich tun möchte, den Text zu sehen, was darüber hinaus ist – CZX
Muss ich wie ein anderes HTML-Element oder etwas hinzufügen? – CZX