登录 | 注册 | FAQ
Anonymous

Css - background image <body>

+ 发表回复

5 篇帖子 分页: 1 / 1


Css - background image <body>

FranciscoBiaso » 周六 5月 17, 2014 2:21 am

Olá,

É possível ajustar a imagem de fundo para que fique com o tamanho da tela? Se sim, como?
É possível colocar duas imagens de fundo, uma sobre a outra ? Se sim, como?

Agradeço a todos,
Francisco
头像

FranciscoBiaso

  • 帖子: 4
  • 注册: 周五 5月 16, 2014 9:10 am

Re: Css - background image <body>

el suiço » 周六 5月 17, 2014 3:01 am

Boas, à tua primeira pergunta, o que tu podes fazer é utilizares o photoshop ou fireworks por exemplo para fazer com que a imagem tenha a dimensão da janela.Determinas os pixels que ela terá. e depois colocas por exemplo o seguinte código:

body{
width:1260px;
background-image:url('imgagemdefundo.png')
}

agora quanto a tua pergunta seria o que? colocar por exemplo uma imagem para o cabeçalho e outra para o resto da tela?
头像

el suiço

  • 帖子: 9
  • 注册: 周六 5月 17, 2014 2:33 am

Re: Css - background image <body>

FranciscoBiaso » 周六 5月 17, 2014 7:49 am

Olá,

O atributo width parace não estar funcionando. Eu codifiquei assim:
body{
width:1260px;
background-image:url('fundo.jpg')
}
Obtive como resultado a imagem carregada porém sem redimensionamento do width.

Agora quanto a segunda pergunta. Dentro da tag <body> seria possível eu ajustar uma imagem para que fique no centro, porém ela não ocupa toda a tela (sobrando espaços em branco). E outra imagem para preencher esses espaços ?
头像

FranciscoBiaso

  • 帖子: 4
  • 注册: 周五 5月 16, 2014 9:10 am

Re: Css - background image <body>

el suiço » 周六 5月 17, 2014 12:38 pm

oky..para a tua primeira pergunta, ao atribuir um width no body só estás a dizer qual o temanho é que a janela terá de ter, o que tens de fazer, e por isso é que te falei do photoshop ou fireworks, é que tens de dar um tamanho a foto que seja igual ao do body, por isso aproveita um programa desses, define como cumprimento os tais 1260 na foto e no body...senão tenta com a seguinte função (# ou . mais qualquer coisa)img{width:1260}

para a segunda pergunta, eu faria da seguinte forma, colocaria uma imagem com a função background que é o branco por exemplo "body{background-color:#ffff}" e depois no html colocaria no local certo img rsc="imagemqualquer.png ou jpg" e no css definas o local da foto com o margin ou align
头像

el suiço

  • 帖子: 9
  • 注册: 周六 5月 17, 2014 2:33 am

Re: Css - background image <body>

FranciscoBiaso » 周六 5月 17, 2014 1:24 pm

Muito obrigado, funcionou!
头像

FranciscoBiaso

  • 帖子: 4
  • 注册: 周五 5月 16, 2014 9:10 am


+ 发表回复

分页: 1 / 1