Imagem com fundo transparente como background


(Diego Tesch gramelich) #1

Bom dia.
Estou criando um portal para “Quiz” e pretendo utilizar uma imagem com o meio transparente como background e o conteúdo rolar pela parte transparente. Até aqui tudo bem.
O problema que ocorre é o seguinte, não consigo clicar nos campos de formulários ou links, dado ao fato de que a imagem esta com z-index = 100 e o conteúdo z-index = 10.
Gostaria de saber se alguém sabe como reverter essa situação?

Desde já agradeço o auxilio de todos.


(Luan Maik) #2

Muda o z-index OU coloca a imagem como background do elemento pai:

css:
    background-image: url('caminho_da_imagem');
    background-size: cover; /* estudar este e background-position para melhor adequar a sua situação */
    background-color: red; /* a cor que preencherá os espaços transparentes da imagem PNG */