Вот как на изображений,только в черном блоке было все размыто (то есть за ним) что бы на этот блок можно было ещё текст наложить и картинки (без размытия )
Можно как нибудь это осуществить в css или JQure ?
к слову Задний фон в классе body
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак-то так?
.wrapper {
max-width: 100%;
position: relative;
}
.wrapper img {
width: 100%;
height: auto
}
.wrapper .text {
position: absolute;
top: 50px;
right: 100px;
width: 100px;
height: 100px;
color: #fff;
padding: 30px;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px)
}
<div class="wrapper">
<img src="https://i.stack.imgur.com/ThkkP.jpg"/>
<div class="text">Какой-то текст</div>
</div>
Но с поддержкой так себе
Есть вариант с svg-filter codepen.io
filter: blur()
. А так, не существует css свойств для размытия картинки позади дива.background-repeat: no-repeat; background-attachment: fixed; filter: blur(3px);