javascript - jquery BlockUI - 透明加载图像

Question

我有一个图像，当我的屏幕被遮挡时，我想让旋转变得透明。默认情况下有一个白框作为消息 CSS。不确定如何实现这一目标。

来源:查看来源: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'
},

Answer 1

试试这个:

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

fiddle 示例:https://jsfiddle.net/johnboker/ft3vwn2f/