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 {
...
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 ...
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 ...
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;
...
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 ...
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 ...
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 ...
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: ...
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 ...
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 ...
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, ...
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() {
$....
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 ...
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 ...
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/...
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....
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", "...
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')"
), ...
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: ...
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("#...
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;
...
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 ...
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
...
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: #...
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 ...
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;
...
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://...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
background × 81css × 41
html × 22
android × 14
background-image × 9
javascript × 7
css3 × 7
java × 6
jquery × 5
imagem × 5
html5 × 4
services × 4
twitter-bootstrap × 3
thread × 3
background-color × 3
ionic × 2
ios × 2
swift × 2
div × 2
button × 2
qt × 2
processo × 2
vídeo × 2
c# × 1
array × 1