A propriedade CSS background-image define uma ou mais imagens de fundo para um elemento.
Como uso gradientes CSS3 para o meu background-colore aplico a background-imagepara aplicar algum tipo de textura transparente
As respostas desta pergunta são um esforço da comunidade . Edite as respostas existentes para melhorar esta postagem. No momento, não está aceitando novas respostas ou interações. Em que situações é mais apropriado usar uma IMGtag HTML para exibir uma imagem, em...
Eu estava olhando para a fonte de um script de usuário greasemonkey e notei o seguinte em seu css: .even { background: #fff
Eu tenho um arquivo JPEG que estou usando como imagem de fundo para uma página de pesquisa e estou usando CSS para defini-lo porque estou trabalhando nos contextos Backbone.js : background-image: url("whatever.jpg"); Quero aplicar um filtro de desfoque CSS 3 apenas ao plano de fundo, mas não sei...
Quero mostrar uma imagem de um URL com uma certa largura e altura, mesmo que tenha uma proporção de tamanho diferente. Então, eu quero redimensionar (mantendo a proporção) e depois cortar a imagem para o tamanho desejado. Eu posso redimensionar com a imgpropriedade html e posso cortar com...
Eu tenho uma imagem de plano de fundo na seguinte div, mas a imagem é cortada: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Existe uma maneira de mostrar a imagem de fundo sem...
É possível ter duas imagens de fundo? Por exemplo, eu gostaria de repetir uma imagem na parte superior (repeat-x) e outra repetir na página inteira (repeat), onde a da página inteira está atrás da que se repete na parte superior. Descobri que posso obter o efeito desejado para duas imagens de...
Eu tenho uma DIV e gostaria de colocar um padrão como pano de fundo. Esse padrão é cinza. Então, para torná-lo um pouco mais agradável, eu gostaria de colocar uma "camada" de cor transparente e clara. Abaixo está o que eu tentei, mas que não funcionou. Existe uma maneira de colocar a camada...
Eu tenho um site (g-floors.eu) e quero tornar o plano de fundo (em css, defini uma imagem bg para o conteúdo) também responsivo. Infelizmente, eu realmente não tenho nenhuma idéia de como fazer isso, exceto por uma coisa em que consigo pensar, mas é uma solução alternativa. Criando várias imagens...
Eu tenho um painel colorido em azul se este painel estiver sendo selecionado (clique nele). Além disso, adiciono um pequeno sinal ( .pngimagem) a esse painel, que indica que o painel selecionado já foi selecionado antes. Portanto, se o usuário vê, por exemplo, 10 painéis e 4 deles têm esse pequeno...
É possível definir um background-imagepara um <path>elemento SVG ? Por exemplo, se eu definir o elemento class="wall", o estilo CSS .wall {fill: red;}funcionará, mas .wall{background-image: url(wall.jpg)}também não .wall {background-color:
Eu quero girar a imagem que é colocada no botão da barra de rolagem no Chrome. Agora eu tenho um CSS com este conteúdo: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg);...
Meu objetivo é criar uma página HTML semelhante a uma "moldura". Em outras palavras, quero criar uma página em branco cercada por 4 fotos. Este é o meu código: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft">...
Estou tentando fazer um efeito "fade-in fade-out" usando a transição CSS. Mas não consigo fazer isso funcionar com a imagem de fundo ... O CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background...
Esta pergunta foi feita antes, mas a solução não é aplicável no meu caso. Quero ter certeza de que certas imagens de fundo são impressas porque são parte integrante da página. (Eles não são imagens diretamente na página porque há vários deles sendo usados como sprites CSS.) Outra solução para a...
Quero definir uma imagem de plano de fundo para divs diferentes, mas meus problemas são: O tamanho da imagem é fixo (60px). Variando o tamanho do div Como posso esticar a imagem de fundo para preencher todo o fundo do div? #div2{
Eu tenho uma extensão simples do Chrome que usa o recurso de script de conteúdo para modificar um site. Mais especificamente, o background-imagedo referido site. Por algum motivo, não consigo usar imagens locais, embora elas estejam incluídas na extensão. body { background: #000 url('image.jpg')...
Estou tentando fazer um botão com um seletor, meu botão pode ter os seguintes estados: Ativado desativado Pressionado / Não Pressionado De acordo com os estados mencionados acima. Eu preciso manipular o botão: Cor do texto imagem de fundo O botão começa quando eu estou desabilitado, então...
imgcom srcsetatributo parece uma ótima maneira de fazer imagens responsivas. Existe uma sintaxe equivalente que funciona na background-imagepropriedade css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something...
Atualmente estou trabalhando em uma página de destino móvel para uma empresa. É um layout bem básico, mas abaixo do cabeçalho há uma imagem de um produto que sempre terá 100% de largura (o design mostra sempre indo de ponta a ponta). Dependendo da largura da tela, a altura da imagem obviamente...