Arquivo de Códigos - Referências - CSS - Referência completa do CSS1 e CSS2 - background-image

	Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
	Fechar esta janela

Artigos & Tutoriais | Dicas & Truques | Contrate Nossa Consultoria | Downloads | Quem Somos

Arquivo de Códigos - Página Inicial

Códigos-fonte

» Códigos-fonte e exemplos completos

Linguagens

» ActionScript

» DHTML - Dynamic HTML

» Java Servlets

» JSP - Java Server Pages

Bancos de Dados

Frameworks

» JSF - Java Server Faces

» Ruby On Rails

» Zend Framework

Container/Servidor

» Apache Tomcat

» Apache Web Server

Ferramentas

» iTextSharp (iText#)

Referęncias

Serviços On-Line

» Qual é meu IP?

» Tabela Cores HTML I

» Tabela Cores HTML II

» Lista de Mime Types

» Códigos Teclas Virtuais

Usuários On-Line

Visitantes: 138

PHP

O que há de novo no PHP 5?

40 dicas e truques sobre como trabalhar com datas e horas em PHP

60 dicas e truques sobre como trabalhar com strings e caracteres em PHP

PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML

Curso completo de DHTML para iniciantes

CSS

Como definir uma imagem de fundo fixa na página

Definindo uma imagem de fundo para botões HTML

Você está aqui: Inicio -> Referências -> CSS -> background-image

Referência CSS :: Propriedade background-image

Propriedade background-image

Define a imagem de fundo de um elemento.

Possíveis valores:

Valor	Descrição
url	O caminho para a imagem. Pode ser relativo ou absoluto.
none	Nenhuma imagem de fundo é definida.

Exemplos de uso:

1) Como definir uma imagem de fundo para um botão HTML:

<button style="background-image: url('../../imagens/barra_cima_index2.png')">Clique aqui</button>

Esta declaração gerará o seguinte resultado:

Importante:
Se você estiver usando Windows XP e Internet Explorer 6.0, o botão gerado pelo código acima gerará um botão normal, ou seja, sem a imagem de fundo. Este é um bug do Windows XP e ocorre somente com o elemento HTML <button> e usando o tema Estilo do Windows XP.

Este problema pode ser corrigido de duas formas:

1) Adicione o meta-tag abaixo na parte <head></head> de suas páginas:

<meta http-equiv="msthemecompatible" content="no">

2) Usar apenas:

<button style="background: url('../../imagens/barra_cima_index2.png')">Clique aqui</button>

Versões mais recentes do IE não apresentam este problema.

2) Como definir uma imagem de fundo para suas páginas:

<style type="text/css">

</style>

Clique para voltar para a página anterior

Arquivo de Códigos - Página Inicial

Veja dicas, truques e anotações de PHP-GTK

Como carregar uma imagem e exibí-la em uma janela GtkWindow

Disparando ações quando o mouse entra ou sai da área de um GtkButton

Como evitar que uma janela GtkWindow seja redimensionada

Definindo o ícone para uma janela GtkWindow

Como fechar uma janela GtkWindow ao clicar em um botão

Aprenda a criar botões usando PHP-GTK

Como exibir uma imagem (ícone) ao lado do texto de um botão

Como detectar um click em um GtkButton, chamar uma função e exibir uma mensagem

Definindo a cor de fundo para uma janela GtkWindow

Definindo as teclas de atalho para botões

Veja dicas, truques e anotações de outras linguagens

Adobe Flex - Entendendo a classe DataGrid

C - Efetuando cálculos de porcentagem em C

Java - Como usar objetos da classe JRadioButtonMenuItem como itens de menu

Zend Framework - Obtendo o męs do ano com apenas um dígito (sem o zero antes)

C# (CSharp) - Usando o método Add() para adicionar itens a um ComboBox

Adobe AIR - Como obter a largura total e a largura útil de uma janela Adobe AIR

PHP - Obter o timestamp da requisição da página e converter para data e hora no formato curto

JavaScript - Como obter o seno de um número

Delphi - Como carregar uma imagem JPG, convertę-la em Bitmap e desenhá-la no formuário

Java - Como criar um JTextField que transforma seu conteúdo em letras minúsculas

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::

Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Site Meter