En el código html de la plantilla que tengo de este estilo con una imagen dinámica:

<div style="background: url('/img/{{item.img}}'); width: 200px; height: 150px"></div>

Que funciona en los navegadores web y el navegador de android. Sin embargo, las imágenes de fondo que son dinámicos utilizando «style=» no se muestran en el iPad.

Siempre se podía crear imágenes dinámicas utilizando la etiqueta img, pero estoy buscando un/estilo css solución para el iPad.

OriginalEl autor Pat M | 2016-06-01

4 Comentarios

  1. 9

    Usted debe hacer que la medida de la +Günter Zöchbauer segunda parte de la respuesta que genera no deseados complementaria estilo background-position: initial y background-size: inicial en Safari al menos.

    Tenga en cuenta que sólo se establece la imagen de fondo de estilo:

    <div [style.background-image]="'url(/img/' + item.img + ')'"
     [style.width.px]="200" [style.height.px]="150p"></div>

    OriginalEl autor Stéphane de Luca

  2. 2
    <div id="component-id" [style.background-image]="'url(www.domain.com/path/'+bgImageVariable+')'">
        <!-- ... -->
    </div>

    o

    <div id="component-id" [style.background-image]="'url('+bgImageVariable+')'">
        <!-- ... -->
    </div>

    puede utilizar en la segunda forma por la adición de ruta de la URL en una sola variable.
    por ejemplo

    bgImageVariable="www.domain.com/path/img.jpg";

    OriginalEl autor Coder Girl

  3. 0

    el uso de este y ajustar la altura y la anchura de la etiqueta div según usted necesita

    <div id="component-id" [style.backgroundImage]="'url('+bgImageVariable+')'"></div>

    OriginalEl autor Manoj Rana

Dejar respuesta

Please enter your comment!
Please enter your name here