Boas pessoal,
Surgiu-me aqui uma dúvida, vou criar um slideshow e gostava de ter uma parte com a descrição de cada imagem.
Essa descrição ficaria sobre o slideshow (imagem) com uma opacidade, só para terem uma noção do que seria.
![Imagem Colocada]()
div1 = slideshow
div2 = descricao
(coloquei as letras apenas para ser um "obstáculo" para a 'div2', não podendo a mesma interferir com o texto)
ou seja, o codigo seria mais ou menos assim:
HTML
Código :
CSS
Código :
A minha duvida é que se eu dou a ordem da #descricao ter position: absolute; passa a ser em relação à pagina inteira e não à div (#slideshow) como eu queria.
alguma solucao/explicacao para isto?
mto obrigado
Surgiu-me aqui uma dúvida, vou criar um slideshow e gostava de ter uma parte com a descrição de cada imagem.
Essa descrição ficaria sobre o slideshow (imagem) com uma opacidade, só para terem uma noção do que seria.
div1 = slideshow
div2 = descricao
(coloquei as letras apenas para ser um "obstáculo" para a 'div2', não podendo a mesma interferir com o texto)
ou seja, o codigo seria mais ou menos assim:
HTML
Código :
<div id="slideshow">
<div id="descricao">
</div>
</div>
<div id="descricao">
</div>
</div>
CSS
Código :
#slideshow {
width: indiferente;
height: indiferente;
position:relative;
}
#descricao {
width: indiferente;
height: indiferente;
position: absolute;
}
width: indiferente;
height: indiferente;
position:relative;
}
#descricao {
width: indiferente;
height: indiferente;
position: absolute;
}
A minha duvida é que se eu dou a ordem da #descricao ter position: absolute; passa a ser em relação à pagina inteira e não à div (#slideshow) como eu queria.
alguma solucao/explicacao para isto?
mto obrigado