Возможно ли, чтобы div имел непрозрачный/прозрачный текст с белым фоном. (div1 (+)непрозрачный текст с цветным фоном - только CSS
В основном, где я могу иметь еще один цветной DIV (div2) позади первого div (div1) И текст будет цветом div позади него (div2) чисто через CSS без JS ?.
Если я читаю ваш вопрос правильно, что вы хотите сделать, это использовать текст пробивать через первую ДИВ и отображать цвет или изображение из второго DIV позади него.
Невозможно сделать это только с помощью CSS. (По крайней мере, по сей день)
Я думаю, вы могли бы найти это полезным.
http://blog.ericzhang.com/punch-through-text-masks-with-css-and-html5/
Да что-то вроде этого. Так что непонятно с CSS? Спасибо за ваш ответ. –
У меня недостаточно репутации, чтобы упрекать вас. –
как это?
p{
color: rgba(0,0,0,0.5);
}<p>Hello World!</p>Или как это?
p{
opacity: 0.5;
}<p>Hello World!</p>или как это?
p {
position: relative;
color: rgba(255,255,255,0.5);
font-size: 30px;
}
p:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}<p>Hello World!</p>также не получается –
Я не думаю, что это то, что задал ОП. Он хочет, чтобы текст на простом цветовом фоне был прозрачным, чтобы вы могли видеть, что находится за обычным цветом текста. –
Что бы он ни хотел, он может достичь этого с помощью 'rgba' или' opacity'. Я не думаю, что это может быть сделано любым другим методом. – w3debugger
может относиться к этому: http://stackoverflow.com/questions/10835500/how-to-change-text-transparency-in-html-css –
вы хотите текст вырезанного? в основном вы видите фон базового div через буквы текста в верхнем div? https://css-tricks.com/image-under-text/ – ferr
Вы ищите это? (читать ответы): http://stackoverflow.com/questions/13932946/transparent-text-with-white-background-with-css –