jQuery BlockUI Plugin method blockUI cómo mostrar solo la imagen sin ningún fondo

Por fin después de tanto trabajar pudimos hallar la solución de esta contratiempo que tantos usuarios de nuestro espacio presentan. Si tienes alguna información que compartir no dudes en dejar tu conocimiento.

Solución:

Por defecto tienes eso:

    // styles for the message when blocking; if you wish to disable
    // these and use an external stylesheet then do this in your code:
    // $.blockUI.defaults.css = ;
    css: 
        padding:    0,
        margin:     0,
        width:      '30%',
        top:        '40%',
        left:       '35%',
        textAlign:  'center',
        color:      '#000',
        border:     '3px solid #aaa',
        backgroundColor:'#fff',
        cursor:     'wait'
    ,

Entonces, si no desea ninguno de estos, simplemente hágalo en su código:

$.blockUI.defaults.css = ;

O si desea excluir el fondo y el borde, simplemente hágalo en su lugar:

$.blockUI.defaults.css =  
            padding: 0,
            margin: 0,
            width: '30%',
            top: '40%',
            left: '35%',
            textAlign: 'center',
            cursor: 'wait'
        ;

Básicamente, al usar esa hoja de estilo externa, puede especificar cualquier estilo css que desee.

Este funciona perfectamente

$.blockUI( message: '





' ,
css:  width: '4%', border:'0px solid #FFFFFF',cursor:'wait',backgroundColor:'#FFFFFF',
  overlayCSS:   backgroundColor: '#FFFFFF',opacity:0.0,cursor:'wait' 
); 

Si te ha sido útil nuestro artículo, te agradeceríamos que lo compartas con más programadores y nos ayudes a difundir nuestro contenido.

---

---

Utiliza Nuestro Buscador