Как сделать чтобы фикс. изображение не отключала блоки что под ним?

Question

[Alexander]

Сейчас рамка (over.png) что вокруг контента, она фиксированная, катается по секциям, но есть секции в которых есть контактные формы, она не дает нажимать на них. Уже пробовал что-то с z-index, но все никак

<div class="fixed_logo">
	<div class="wrapper">
		<div class="row logo">
			<img src="img/L1_white.png">
		</div>
	</div>
</div>

.fixed_logo {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 150;
}
.fixed_logo .wrapper {
	width: 1180px;
	height: 600px
	display: block;
	max-height: 700px;
	margin: 0 auto;
}
.fixed_logo .row {
	margin-bottom:20px;
}
.fixed_logo .logo img {
	margin: 40px 0;
}
.fixed_logo .menu {
	float: left;
}

Answer 1

[Юрий Лобанов]

И чего Вы хотите? Вы сами же рамку ставите выше всех элементов! Или Вы думаете, что прозрачная часть изображения должна пропускать Ваши действия? Есть вариант, но он будет не кроссбраузерным. Лучше сделать рамку другим способом.

upd: вариант - погуглите css pointer-events

Comments

[Alexander]

А что за вариант? Или предлагаете по кусочкам ее собрать?

[Юрий Лобанов]

@Aice изменил ответ. Вам нужно блоку дать свойство pointer-events:none;
Элемент будет видим,но «невидим» для событий.

[Alexander]

@iiil Спасибо, "pointer-events" помог, прочитал что он только в CSS4 выйдет, но 3 браузера протестил, вроде все работает

[Юрий Лобанов]

@Aingis да, я написал, что не кроссбраузерно.
Общая моя рекомендация переверстать.

Answer 2

[Иван]

Вы бы хоть код показали.

Comments

[Alexander]

Добавил, посмотрите

[twixoff]

малу коду)