Как Opacity применить только к блоку, не тексту?

Question

[Андрей Васоц]

Имеется меню. Через background задал гифку(на задний план) и прописал opacity. Как и положено - текст тоже стал прозрачным. Подскажите, как тексту вернуть естественный цвет? Вроде как-то через z-index можно

.bf_menu{
	background:transparent url(../images/pattern.gif) repeat top ;
	background-repeat: no-repeat;
		background-size: cover;
	width:300px;
	left:0px;
	top:0px;
	height:100%;
	position:fixed;
	opacity: 0.5;
}

Answer 1

[Андрей Токмаков]

Ни как, сделайте из гифки своей прозрачную png и будет счастье.
Или создавайте другой блок таких же размеров и позиционируйте его сверху первого https://jsfiddle.net/xNPC/ru8q14s7/