全屏黑色背景与嵌入SketchFab

时间:2016-01-28 14:14:16

标签: html 3d embed embedded-resource embedding

模型网址:https://skfb.ly/KxQr

浏览器:Chrome 47.0.2526.111

问题描述

我的问题与在我的个人网站中嵌入我的模型有关。我制作了一个简单的HTML文件来演示这个问题。

<!DOCTYPE html>
<html>
<body bgcolor="#E6E6FA">
<iframe width="700" height="500" src="https://sketchfab.com/models/26f4959eb49b4eaa98044e8f053acc2d/embed?autospin=0.1&amp;autostart=1&amp&preload=1&transparent=1&scrollwheel=0&ui_stop=0"
frameborder="0" 
allowfullscreen mozallowfullscreen="true" 
webkitallowfullscreen="true" onmousewheel="">
</iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
</p>
</body>
</html>

此代码显示没有背景的模型,因此它与网页混合。然而,当它被完全筛选时,背景只是黑色。

如果我使用此代码

<!DOCTYPE html>
<html>
<body bgcolor="#E6E6FA">
<iframe width="700" height="500" src="https://sketchfab.com/models/26f4959eb49b4eaa98044e8f053acc2d/embed?autospin=0.1&amp;autostart=1&amp&preload=1&transparent=0&scrollwheel=0&ui_stop=0"
frameborder="0" 
allowfullscreen mozallowfullscreen="true" 
webkitallowfullscreen="true" onmousewheel="">
</iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
</p>
</body>
</html>

模型的背景不再与网页混合,因为transparent=0,并且当它被完全屏蔽时,背景是白色的,就像它本来一样。

有没有办法嵌入模型以便它与网页融合,就像在transparent=1时一样,但是当它被完全筛选时,它会保留模型的原始背景,就像它一样当transparent=0在这种情况下为白色时,或者它保留了所在网页部分的颜色,在这种情况下是#E6E6FA

修改

使用transparent=1

全屏显示的内容

Black

使用transparent=0全屏显示的内容以及我尝试使用transparent=1

的内容

White

0 个答案:

没有答案