Pessoal, eu juro que procurei aqui e no google, mas nao tenho certeza de que cheguei a conclusao correta.
Queria criar um painel com diferentes areas, mas digamos duas principais:
1- Uma grande imagem atras de uma ‘grade invisivel’ clicavel
2- Uma area para mostrar diferentes imagens a partir de eventos de mouse
Vou tentar mostrar melhor
…
.[][][][][][]|||[…].
.[][][][][][]|||[…].
.[][][][][][]|||[…].
.[][][][][][]|||[…].
…
A esquerda sera um mapa, entao eu terei a imagem de background com areas clicaveis (divididas em quadrados para simplificar). Quando o usuario clica, o evento muda a imagem que ta sendo mostrada na parte direita da tela, sei la, tipo um zoom.
Entenderam?
Meus problemas:
1- Como colocar uma imagem de background com componentes sobre ela? Se eu colocar a imagem e depois outro componente, ele nao fica sobre, e sim embaixo, do lado etc (dependendo do layout).
2- Se eu quiser fazer uma imagem aparecer na grade SOBRE o background (uma pessoa por exemplo), o quadrado inteiro sera apagado? Ou eu posso carregar uma imagem menor e ainda assim manter a transparencia das areas que sobram dentro do quadrado?
Eu procurei aqui mas nao encontrei essas respostas