1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

2 fundos (repeat e no-repeat) (html)

Discussão em 'Web Development' iniciada por Kadete, 4 de Junho de 2008. (Respostas: 5; Visualizações: 5628)

  1. Kadete

    Kadete Power Member

    Boa tarde

    Estou a criar um site para um projecto do 12º (PAT) e preciso de ajuda para contornar um problema.

    O que eu queria era mudar o fundo...ou seja em vez de ter uma cor ter uma imagem que repita...mas o problema é que já tenho uma imagem a fazer no repeat.
    Gostaria de saber se há alguma coisa para contornar este problema, ou seja ter duas imagens como fundo...uma a fazer repeat e outra por cima a fazer no-repeat.


    body
    {
    background:#CFD4CE url('images/outros/home.jpg') no-repeat fixed top 50%;
    }


    background:url('images/fundo.jpg') repeat fixed top 50%;

    Abram com o IE (o firefox ignora completamente o código no-repeat n sei porquê) link
     
    Última edição: 4 de Junho de 2008
  2. hostmake

    hostmake Power Member

    Existe um truque, atribuires um background a tag html e outra a body, mas faz umas coisas manhosas precisas de um monte de hacks, google sobre isso.
     
  3. Kadete

    Kadete Power Member

    eu já tentei procurar...mas o problema é mesmo não saber o que procurar (com que nomes)... podias dar uma dica??
     
  4. slack_guy

    slack_guy Power Member

    Isso não é problema: no background metes a imagem que repete; num div metes a imagem que fica fixa (utiliza o z-index, se necessário).
    O problema era se quisesses ter duas imagens de fundo com 'repeat', sobrepostas e com orientações diferentes (uma repeat-x e outra repeat-y, por exemplo). isto é que era um berbicacho :-)

    Por outro lado, talvez eu não tenha percebido o que pretendes.

    não. o FF engasga-se é com os 50% que lá tens.
    Se usares o validador para CSS vês o problema:
     
  5. hostmake

    hostmake Power Member

  6. Kadete

    Kadete Power Member

    consegui com esse link, mas só dá no firefox, no IE fica com o fundo a preto... estou indeciso se apresento com o IE ou com o firefox...precisava de ajuda para resolver um problema que dá.

    eu introduzi um menu feito em DHTML no IE dá na boa, mas no firefox aquilo vai buscar uma função div...
    td div {
    color:black;
    padding:5px;
    width:450px;
    height:515px;
    overflow:auto;
    }

    se retirar este código do css o menu funciona no firefox...mas fico sem barras laterais...

    link

    outra coisa estúpida é estar a dar erros do lightview (um efeito para as imagens) mas no firefox funca perfeitamente...e no IE tá todo marado (só funciona quando lhe apeteçe)...
    obrigado a todos que responderam até agora...
     
    Última edição: 4 de Junho de 2008

Partilhar esta Página