Хотя это возможно с помощью CSS, лучшим подходом было бы использование встроенного SVG с маскировкой SVG . Этот подход имеет некоторые преимущества перед CSS:
CodePen Demo: Маска текста SVG
[/g9]
body,html{height:100%;margin:0;padding:0;}
body{
background:url('https://farm9.staticflickr.com/8760/17195790401_94fcf60556_c.jpg');
background-size:cover;
background-attachment:fixed;
}
svg{width:100%;}
Если вы хотите сделать текст доступным и доступным для поиска, вам необходимо включить его за пределы
. В следующем примере показано, как сохранить прозрачный текст с тегом :
body,html{height:100%;margin:0;padding:0;}
body{
background:url('https://farm9.staticflickr.com/8760/17195790401_94fcf60556_c.jpg');
background-size:cover;
background-attachment:fixed;
}
svg{width:100%;}