vlady_32
@vlady_32
Начинающий IT-специалист

Как правильно отобразить элемент?

Есть блок div, к которому применен фильтр размытия. В этом блоке находится элемент h1, но его мне размывать не надо. Для h1 пишу отмену фильтра размытия, но всё равно ничего не происходит. Почему так?

<div class="stocks first_stok">
   <h1>Текст</h1>
</div>


.stocks{
	-webkit-transition: all 0.5s ease-out 0.0s;
	-moz-transition: all 0.5s ease-out 0.0s;
	-o-transition:  all 0.5s ease-out 0.0s;
	transition: all 0.5s ease-out 0.0s;
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	-o-filter: blur(4px);
	filter: blur(4px);
}

.stocks h1{
	font-family: "Cuprum",sans-serif;
	text-align: center;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
}


Что можно сделать, чтоб текст h1 отображался без размытия? Именно необходимо, чтоб h1 находился внутри блока div, чтоб потом не было проблем с позиционированием
  • Вопрос задан
  • 176 просмотров
Решения вопроса 1
vicodin
@vicodin
Имею некоторый опыт
оберните их в один враппер, но не суйте h1 в размываемый див
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@amatory10
может данный ответ наведет на мысли: stackoverflow.com/questions/22406478/remove-blur-e...
Ответ написан
Комментировать
Xvento
@Xvento
WordPress Разработчик, Themeforest автор
Может z-index поможет
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы