透明的360图像显示为黑色

时间:2018-12-07 11:36:28

标签: javascript html css

我们要使用一个程序,该程序可以在360脚本中自动设置24张图片。 该程序非常简单(也许很容易),因为在将透明png图像放入该程序后,输出仅是:

一个弹出窗口:

<a width="224" height="330" href="https://embed.imajize.com/2544759" target="imajize" onclick="window.open(this.href,'imajize','width='+this.getAttribute('width')+',height='+this.getAttribute('height')+',scrollbars=no,toolbar=no,status=no,resizable=no,menubar=no,location=no,directories=no,top=10,left=10');">360° View</a>

或iframe:

<iframe width="224" height="330" src="https://embed.imajize.com/2544759" frameborder="0" scrolling="no" style="background-color: transparent; border: 0;" allowfullscreen></iframe>

有人可以找到解决这个奇怪问题的方法吗?

2 个答案:

答案 0 :(得分:0)

尝试以下代码:

body {
    background: transparent !important;
}

或者这个:

body
{
    background:none transparent;
}

还要尝试将allowtransparency="true"添加为iframe的参数。

答案 1 :(得分:0)

您无法使用CSS或js使其透明。这是图片旋转器。带椅子的图片为黑色背景。如果您是DOM。图片有黑色背景。

如果您可以修改图片本身,请将其中的黑色更改为透明。