Skip to main content

Respostas interessantes marcadas com a tag

7 votos
Aceito

Como ajustar Background para se ajustar dentro de container sem cortar nada?

Opção round da propriedade background-repeat: A opção round faz uma mínima distorção na imagem de fundo para que ela se encaixe da melhor forma possível para não cortar a imagem. div { ...
Largato's user avatar
  • 92,9mil
4 votos

Como colocar um Vídeo dentro de um Texto com CSS? É possível colocar um Vídeo como background de texto?

Como não obtive resposta vou postar um resultado que consegui usando mix-blend-mode https://developer.mozilla.org/pt-BR/docs/Web/CSS/mix-blend-mode A propriedade mix-blend-mode descreve como um ...
hugocsl's user avatar
  • 66,9mil
4 votos
Aceito

Como fazer filter blur pegar em todo o elemento. Evitar que o blur termine antes do final do background do elemento

Quando você aplica o blur à div, não vejo como evitar que as bordas fiquem desfocadas. Uma forma é inserir a imagem de fundo em um elemento filho (um span, por exemplo) e aplicar overflow: hidden na ...
Sam's user avatar
  • 80,8mil
4 votos

Como colocar background-color em cima de background-image

Olá! Você pode usar pseudo elementos como o ::before ou o ::after, segue um exemplo: #background { position: relative; margin: 0 auto; width: 626px; ...
Kamile Pimenta's user avatar
3 votos
Aceito

Como colocar background-color em cima de background-image

Olha vou te dar duas opções. O resultado será ese, apesar de serem duas técnicas diferentes o resultado visual é o mesmo: Opção 1 Como vc disse que não era possível fazer com uma div dentro da outra ...
hugocsl's user avatar
  • 66,9mil
3 votos

Como colocar background-color em cima de background-image

Olá, a solução da @Kamile esta correta, gostaria de aproveitar para completar com uma sugestão. Caso deseje utilizar além de um background-color com manipulação de opacity, você pode aplicar ele em ...
Getulio Rafael Ferreira's user avatar
3 votos

Um Site como Background

Olá, como você deve especificar um arquivo para ser seu background acredito que um site não irá funcionar o que funcionaria seria você chamar o site dentro de um iframe. que é como um embed em seu ...
Gustavo Castro's user avatar
3 votos
Aceito

Background não funciona

O que esta acontecendo é que o background esta funcionando, porém a sua div não esta acompanhando o conteudo dentro dela, então, no css adicione: display: table; .background-1 { background: ...
LocalHost's user avatar
  • 3.282
3 votos
Aceito

Tornar opaca/escurecer uma foto em background. Devo usar pseudo elemento ::after?

Nesse caso não precisa necessariamente de pseudo-element vc pode simplesmente adicionar dois backgrounds no mesmo elemento, um com a imagem, e por cima da imagem um linear-gradiente (o gradiente nesse ...
hugocsl's user avatar
  • 66,9mil
2 votos
Aceito

Como associar uma variavel a um ID?

Tem algumas opções. A que eu aconselho seria usar um simples HashMap. Map<Integer, Button> buttonsHash = new HashMap<Integer, Button>(); public Button getButton(int position){ return ...
hugofsousa's user avatar
2 votos
Aceito

cobrir background pelo eixo Y

Bom pelo o que eu entendi, você está querendo usar o contain? O cover ele sempre vai seguir os dois eixos, assim que a altura e largura da imagem de background, forem maior ou igual a do container, ...
Aldo Fernandes Junior's user avatar
2 votos
Aceito

Como alterar background-image do site dinamicamente?

Você pode fazer via JavaScript com um timer rodando de 5 em 5 seg. Vide exemplo: // initial call, or just call refresh directly setInterval(AsyncTrocaImg, 5000); function AsyncTrocaImg() { $....
Bruno Heringer's user avatar
2 votos
Aceito

Como fazer uma imagem de fundo preencher a tela inteira sem perder a resolução da imagem

Você quer na verdade que a imagem ocupe o viewport todo? Se sim tem uma unidade de medida relativa, que é bastante usada no design responsivo. O vh e vw. Muitas técnicas de web design responsivo ...
Gilmar Santos's user avatar
2 votos
Aceito

Background fixo, sem redimensionamento ao ativar teclado

Para o teclado não modificar seu layout, utilize a seguinte flag no seu arquivo Manifest.xml: <activity android:windowSoftInputMode="adjustPan"> adjustPan - A janela principal da atividade ...
Zulian's user avatar
  • 1.885
2 votos
Aceito

Como colocar um background image no meu ion-content

Pelo código, eu presumo que a versão que você está usando é o 4 do Ionic. Sendo assim, para alterar o background do ion-content, você usa: ion-content { --background: #ffff00 url('../../assets/...
Vinicius Lourenço's user avatar
2 votos

Trocar background image de página Asp .Net MVC dinamicamente

Caríssimos, bom dia. Já consegui resolver meu problema. <script type="text/javascript"> function Trocar() { $(document).ready(function () { var oBody = document....
Fernando M. Davanzo's user avatar
2 votos

Trocar background image de página Asp .Net MVC dinamicamente

Usando JQuery coloque esse script no _Layout.cshtml. <script> $(document).ready(function() { var i = Math.floor(Math.random() * 9) + 1; $("body").css("background-image", "...
Augusto Vasques's user avatar
  • 18,8mil
2 votos
Aceito

Como Mudar Uma Imagem De Background Depois De Um Tempo

Você pode resolver isso utilizando JavaScript: const tempo_de_delay = 5000 setTimeout(() => ( document.body.style.backgroundImage = "url('https://picsum.photos/600/300')" ), ...
jackson alves's user avatar
2 votos

Por que quando eu coloco float right a cor do meu fundo desaparece?

Amigo o problema não é o float, é o position, vc colocou como absolute, então o ponto de referência dele é o body nesse caso... para o ponto ser o container pai é preciso que o pai tenha position: ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Como atribuir uma imagem que esta na tela como background de um canvas

Basta pegares no valor guardado no atributo src da imagem. Exemplo: var canvas = document.querySelector("#canvas"); var context = canvas.getContext("2d"); var fundo = document.querySelector("#...
lazyFox's user avatar
  • 3.203
1 voto

Como alterar as propriedades de uma imagem importada direto no CSS?

Cara basta colocar tudo no pseudo elemento ::after da div por exemplo, a imagem pode ser como BG não precisa ser uma <img> dentro da div h1 { color: red; } div{ width: 200px; ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Como fazer um footer (rodapé) ficar fixo apos o efeito Parallax?

Mesmo usando o exemplo Oficial do Sticky Footer vc vai precisar de fazer alguns ajustes de CSS. https://getbootstrap.com/docs/4.1/examples/sticky-footer-navbar/ Esse modelo abaixo eu peguei direto na ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Animação em background HTML

Esse background é uma animação com canvas (js) Aqui tem o Github do projeto https://github.com/VincentGarreau/particles.js/ E aqui o link dele funcionando e com opções de configuração e download ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Retirar capa ou alterar, blogger

As duas coisas são possíveis, deixar invisível ou alterar o background para uma imagem. Para deixar invisível altere o valor da propriedade display do CSS para none. #hen{ background-color: #...
Pedro Souza's user avatar
  • 1.649
1 voto
Aceito

Erro ao tentar adicionar uma imagem como background de um button

Você parece estar carregando uma imagem muito grande no botão (pela mensagem do erro). Por que não troca o botão por uma imageView e usa o Picasso para carregar a imagem na mesma? Ele faz toda a ...
Márcio Oliveira's user avatar
1 voto

Aplicar opacity em um Background

Usando RGBA, eu sempre utilizo dessa maneira :D .img{ background: url('https://static.omelete.uol.com.br/media/extras/conteudos/01-Spoilers_fcaRwD9_4VjGalG.jpg') no-repeat center; ...
Rafael Augusto's user avatar
1 voto

Alterar background de uma section

Certamente se você usar JS para isso, terá um controle muito mais simples, todavia fiz um exemplo apenas com CSS também. Exemplo com JS - https://jsfiddle.net/L3cwcwo8/ Exemplo com CSS - https://...
Ademílson F. Tonato's user avatar
1 voto

Estou com um problema com esse slideshow

Acontece que as imagens estão sendo baixadas no momento em que o CSS troca o frame. Adicione este código na página só para garantir que as imagens já estejam carregadas e assim evitar que na hora de ...
Bruno Rigolon's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible