Ir para conteúdo
Fórum Script Brasil
  • 0

Imagem sobre a outra imagem


mestre fyoda

Pergunta

Existe algum codigo em css que faça com que a imagem do fundo venha pra frente ?

http://img709.images...us/i/imgwb.jpg/

.TituloEntrega
{
    background-image: url(../img/textoFaixaEnderecoEntrega.png);
    background-repeat: no-repeat;
    background-position: 25px -3px;
}


            <table width="100%" align="left">
                <tr>
                    <td class="TituloEntrega"><img alt="" src="img/faixaEnderecoEntrega.png" height="42" width="100%" /></td>
                </tr>
            </table>

.TituloEntrega é a imagem que está atraz, como faço para traze-la á frente ?

Link para o comentário
Compartilhar em outros sites

19 respostass a esta questão

Posts Recomendados

  • 0

Vizualizei no firefox para tentar usar a firebug, mas não encontrei essa div!

Em todo caso, use apenas o z-index sem position absolute, mas defina algum position para a div, pois o z-index só funciona com elementos posicionados, faça sim, coloque o z-indez na div das 2 imagens, e na que você quiser que fique por baixo, de um valor menor, por exemplo, atribua valor 1 para uma e 2 para outra!

Link para o comentário
Compartilhar em outros sites

  • 0

eu mudei totalmente o modo de fazer.

#TituloEntrega
{
    width: 100%;   
    height: 42px;
    background-image: url(../img/faixaEnderecoEntrega.png);
    background-repeat: no-repeat;
    background-position: 25px -3px;
}

            <div id="TituloEntrega"><ul>
                <li><img alt="" src="img/textoFaixaEnderecoEntrega.png" height="42" /></li>
            </ul></div>

Este modo acima funciona, porém, a largura não fica 100% da tela, porque ?

Editado por mestre fyoda
Link para o comentário
Compartilhar em outros sites

  • 0

Faça a mesma coisa que fez no post abaixo, ele só não vai funcionar se essa div estiver dentro de outra menor, ai ela não vai atingir os 100% da tela, e sim o 100% da outra div. Por exemplo, se você tiver um div no tamanho de 900px e dentro dessa colocar uma outra com width:100%, ela só vai atingir os 900px e não o tamanho da tela.

eu mudei totalmente o modo de fazer.

#TituloEntrega
{
    width: 100%;   
    height: 42px;
    background-image: url(../img/faixaEnderecoEntrega.png);
    background-repeat: no-repeat;
    background-position: 25px -3px;
}

            <div id="TituloEntrega"><ul>
                <li><img alt="" src="img/textoFaixaEnderecoEntrega.png" height="42" /></li>
            </ul></div>

Este modo acima funciona, porém, a largura não fica 100% da tela, porque ?

Link para o comentário
Compartilhar em outros sites

  • 0

Exatamente, por isso que falei, se ele estiver dentro de um outro elemento, esse elemento também terá que ter o tamanho da tela, não gosto muito de trabalhar com tabela por isso, mas vamos lá, a <td> está dentro de uma <tr>, defina 100 para essa <tr> também.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...