Como deixar uma imagem encima da outra HTML/CSS?

bolafranco · 14 de janeiro de 2012

Bom galera, estou precisando de uma ajuda,

Na verdade a pergunta certa seria como deixar uma imagem em cima de um flash. Estou querendo fazer isso para colocar a imagem em cima de uma parte do flash que contem propaganda. Tipo quero deixar o flash mais no fundo e jogar a imagem em cima dele.

____________________

|..............................|

|..........flash..............|

|....................______|

|...................|img.....|

|____________|______|

desse jeito, eu estou fazendo no DreamWeaver. com código HTML e personalizando com css.

DiF · 14 de janeiro de 2012

ja experimentou colocar uma div dentro e setar o z-index? qto maior o numero mais acima fica.

então na div do flash tenta o z-index:1 e na da imagem z-index:2

bolafranco · 14 de janeiro de 2012

Cara eu to começando agora poderia me explicar melhor? valeu

AA valeu ai cara. Mas consegui usando pop-up

pra quem tiver a mesmo duvida que tive , ai ta a possivel solução.

ARQUIVO index.HTML

--------------------------------------------------------------

...

<head>

document.getElementById('popup').style.display = 'none';

}

function abrir(){

document.getElementById('popup').style.display = 'block';

setTimeout ("fechar()", 3000);

}</script>

</head>

Conteúdo

</DIV>

---------------------------------------------------------

estilo.css

#popup {

position: absolute;

top: 70%;

left: 90%;

width: 200px;

height: 150px;

padding: 20px 20px 20px 20px;

border-width: 2px;

border-style: solid;

background: #ffffa0;

display: none;

}

----------------------------------

agora é só posicionar o banner pop-up no lugar que quiser. hehehe bom, isso se chama gambiarra e nao é bom usar, mas essa foi a solução q achei.

SE ALGUEM SOUBER UMA FORMA MELHOR PODE RESPONDER, pois pop-ups nao abrem no ie.

DiF · 14 de janeiro de 2012

bom.. então se quer algo mais enxuto... procure no google sobre modal feito com jquery.

é um tipo de popup feito com a biblioteca jquery do javascript. é bem fácil de implementar. busque no google sobre o exemplo de modal do maujor

Urubu_Nicolas · 14 de janeiro de 2012

Não sei como fazer, mas você pode fazer tudo em Flash e colocar um espaço para colocar um arquivo XML que irá conter o Script da Publicidade.

andbecker · 15 de janeiro de 2012

<head>
<script language="javascript" type="">function fechar(){
document.getElementById('popup').style.display = 'none';
}
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}</script>
</head>

<body onload="abrir();">
<DIV id="popup" class="popup">


Conteúdo


</DIV>
---------------------------------------------------------

estilo.css
#popup {
position: absolute;
top: 70%;
left: 90%;
width: 200px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
----------------------------------

agora é só posicionar o banner pop-up no lugar que quiser. hehehe bom, isso se chama gambiarra e nao é bom usar, mas essa foi a solução q achei.

SE ALGUEM SOUBER UMA FORMA MELHOR PODE RESPONDER, pois pop-ups nao abrem no ie.