размытие фона

@Smilе · Регистрация: 03.11.2011

Author24 — интернет-сервис помощи студентам

Есть div задающий фон для всей страницы, как размыть только background не размывая содержимое страницы?

@kastracci · 31.01.2015, 08:00

Есть только фильтр blur для IE. Для остального вам придется либо рисовать соответствующую картинку, либо разместить несколько контейнеров div на всю страничку, со смещением в разные стороны на 1-4 пиксела и свойством opacity:0.2 (способ теоретический. Советую нарисовать нужную картинку бэкграунда самому)

@Nickita · 31.01.2015, 10:19

создавать два блока, в одном будет текст, в другом фон, как то так:

HTML5

....
<style>
#bground{
   background-image: url('background.jpg');
   opacity: 0.6;
}
#TextBlock{
   width:100%;
   height: 100%;
   
}
</style>
</head>
<body>
<div id="bground">
    <div id="TextBlock">
       Che to tam

Добавлено через 54 секунды
создавать два блока, в одном будет текст, в другом фон, как то так:

HTML5

....
<style>
#bground{
   background-image: url('background.jpg');
   opacity: 0.6;
}
#TextBlock{
   width:100%;
   height: 100%;
   
}
</style>
</head>
<body>
<div id="bground">
    <div id="TextBlock">
       Che to tam
     </div>
</div>
</body>

@Smilе 0 / 0 / 0 Регистрация: 03.11.2011 Сообщений: 17
		1
	размытие фона 31.01.2015, 01:51. Показов 4054. Ответов 2 Метки нет (Все метки) Есть div задающий фон для всей страницы, как размыть только background не размывая содержимое страницы? 0

@kastracci 1 / 1 / 7 Регистрация: 28.01.2015 Сообщений: 89
	31.01.2015, 08:00	2
	Есть только фильтр blur для IE. Для остального вам придется либо рисовать соответствующую картинку, либо разместить несколько контейнеров div на всю страничку, со смещением в разные стороны на 1-4 пиксела и свойством opacity:0.2 (способ теоретический. Советую нарисовать нужную картинку бэкграунда самому) 0

	31.01.2015, 10:19

Опции темы

размытие фона

Решение