jquery BlockUI - 透明加载图像

时间:2016-01-13 15:17:16

标签: javascript jquery

当我的屏幕被阻挡时,我有一个想要旋转的图像。默认情况下,有一个白色框作为消息CSS。不知道如何实现这一目标。

来源:view-source:http://malsup.com/jquery/block/#demos

此处此处创建了一个围绕图像的白框。

$.blockUI({  message: '<h1><img src="./images/loading.gif" /></h1>'

如果我对源代码的这一部分进行评论,整个图像就会消失。

css: {
  padding:         0,
  margin:          0,
  width:           '30%',
  top:             '40%',
  left:            '35%',
  textAlign:       'center',
  color:           '#000',
  border:          '3px solid #aaa',
  backgroundColor: '#fff',
  cursor:          'wait'
},

1 个答案:

答案 0 :(得分:3)

试试这个:

css: {
  backgroundColor: 'transparent',
  border: '0'
},

示例小提琴:https://jsfiddle.net/johnboker/ft3vwn2f/