Imagem em um div ou no css - resolvido

Tem uma imagem que vem do backend, como base64. Estou querendo inclui ela em um div, nesta maneira:

<div
  id="login"
  class="inner-scroll"
  fxLayout="row"
  fxLayoutAlign="start"
  style="background: url({imagem}) no-repeat"
>
</div>

No console mostra assim: http://localhost:4400/{imagem} 404 (Not Found)

ou no css

#login {
    width: 100%;
    overflow: hidden;
    background: url("/assets/images/backgrounds/dark-material-bg.jpg") no-repeat;
    background-size: cover;

Como fazer ?

7 Respostas

rodriguesabner 2 de jun. de 2022 1 like

angular? vue?

guilhermebhte 2 de jun. de 2022

Fiz assim

<div
  id="login"
  class="inner-scroll"
  fxLayout="row"
  fxLayoutAlign="start"
  [ngStyle]="{'background-image': 'url(' + imagem + ') no-repeat'}"
></div>

Mas não funcionou

guilhermebhte 2 de jun. de 2022

Angular

guilhermebhte 2 de jun. de 2022

Deveria aparacer e ajustar o formulário de login

Tipo esta imagem

rodriguesabner 2 de jun. de 2022

cara, ve se isso aqui te ajuda:

Lucas_Camara 2 de jun. de 2022 1 like

Aqui deveria estar com duas {, não?

style="background: url({{imagem}}) no-repeat"

ou:

[ngStyle]="{ 'background': 'url(' + imagem + ') no-repeat' }"

Vê ai se funfa.

Solucao aceita

guilhermebhte 2 de jun. de 2022 1 like

Funcionou assim

7 Respostas

Topicos relacionados