模型网址: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&autostart=1&&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&autostart=1&&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
使用transparent=0
全屏显示的内容以及我尝试使用transparent=1