透明站点的Webgl背景
我想有一个网站与webgl背景到一个透明的网站透明站点的Webgl背景,webgl,Webgl,我想有一个网站与webgl背景到一个透明的网站 考虑到浏览器的各种状态，实现这一点最安全的方法是什么？我使用的是一个部分透明且具有WebGL背景的经典网站。我对各种web浏览器（在windows上测试自己）没有任何实际问题，目前也没有抱怨，但当然IE我使用的是一个部分透明的经典网站，并且有WebGL背景。我对各种web浏览器（在windows上测试自己）没有任何实际问题，目前也没有任何抱怨，但当然IE我认为你只是想制作一个画布，并将其设置为CSS，以便填充背景 <!DOCTYPE html
考虑到浏览器的各种状态，实现这一点最安全的方法是什么？我使用的是一个部分透明且具有WebGL背景的经典网站。我对各种web浏览器（在windows上测试自己）没有任何实际问题，目前也没有抱怨，但当然IE我使用的是一个部分透明的经典网站，并且有WebGL背景。我对各种web浏览器（在windows上测试自己）没有任何实际问题，目前也没有任何抱怨，但当然IE我认为你只是想制作一个画布，并将其设置为CSS，以便填充背景
<!DOCTYPE html>
<html>
<head>
<style>
/* make the canvas fill the page and not scroll */
#c {
position: fixed;
left: 0px;
top: 0px;
z-index: -10;
width: 100vw;
height: 100vh;
}
/* remove the margin on the body so the canvas goes to the edge */
body {
margin: 0;
}
/* make a new body with standard margins */
#body {
margin: 8px;
}
</style>
</head>
<body>
<canvas id="c"></canvas>
<div id="body">
<!-- insert rest of html here -->
</div>
</body>
</html>
var canvas=document.getElementById（“c”）；
var gl=canvas.getContext（“webgl”）；
var resize=function（）{
var width=gl.canvas.clientWidth；
变量高度=gl.canvas.clientHeight；
if（gl.canvas.width！=宽度| | gl.canvas.height！=高度）{
gl.canvas.width=宽度；
gl.canvas.height=高度；
}
};
var render=function（）{
调整大小（）；
gl.clearColor（1，Math.random（）*0.2+0.8,1,1）；
总账清除（总账颜色缓冲位）；
请求动画帧（渲染）；
};
render（）
#c{
位置：固定；
左：0px；
顶部：0px；
z指数：-10；
宽度：100vw；
高度：100vh；
}
身体{
保证金：0；
}
#身体{
利润率：8px；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。AENEA nec孕妇，nec酵母菌metus。在精英群体中，必须保持信心。整瓶苏打水，一杯酒，一杯酒，一杯酒，一杯酒。这句话的意思是：“如果你不同意，我就不同意。”。前庭。埃尼安·ac·维尼纳蒂斯sem。奥古斯塔普雷蒂姆教堂的门是空的，教堂的门是空的，教堂的门是空的，教堂的门是空的。Fusce accumsan sem在placerat blandit中。纳拉·埃吉特·亨德雷特·洛雷姆，在森佩尔·利奥。杜伊斯不是康莫多·泰勒斯。
这是一种发酵剂，是一种权杖。车辆前庭。人马的生命之神是毛里斯·康莫多·尤伊斯莫德（NullaVitae metus sagittis mauris Comodo euismod）。在埃拉特酒后驾车，康塞特特的车辆，莫利斯在酒后驾车。外阴前庭是指外阴前庭。这是一个很好的例子。这是我的宿命，是我的宿命。这是我的荣幸。库拉比图·埃吉特·森姆·努克。Suspendisse是一个自由人，在bibendum purus。佩伦茨克·塞佩尔·厄洛斯·蒂奇登·阿利奎姆（libero aliquam）是一名自由主义者，他在酒后驾车。潜力悬钩子。不含芦丁，不含芦丁。国际自由学校。
ultricies女皇，enim ornare euismod前庭，neque velit Volatit magna，leo-nisl在leo的中间位置。在无酵素发酵液中，时间是巨大的。Etiam laoreet hendrerit是孕妇。坐在那里的是阿梅特·卢克图斯·尼布（amet luctus nibh），坐在那里的是苏打水（sodales neque）。Nunc varius fringilla nisl，sodales Adipising sem怀孕。埃蒂亚姆ac苏西比特turpis。从同侧到枕侧。这是一种温和的生活方式。前庭在颞面帆处发出刺耳的声音。埃尼安·比本杜姆·弗林利亚·多洛·阿蒂西登。不，前庭的便利性预示着未来。不，不，不，不，不，不，不，不。Aliquam egestas neque位于奥雷姆·阿利夸姆，ut viverra自由前庭。
Donec是个世袭的智者。生命之门。佩伦茨克在埃尼姆的欧盟精英秃鹫拉奥里特。Sed非placerat velit。Mauris luctus est auctor，奥奇a前庭，秃鹫修女。这是一个很好的例子，它是一个很好的例子。杜伊斯权杖，埃吉特·萨皮安ac权杖。Aliquam et tellus ornare，facilisis sem a，luctus est。阿利奎姆·维塔利·伊斯特。乌尔纳时间有限。不，我坐在我的前庭。Integer ac imperdiet purus，eu sodales massa。杜内克在苏利西图丁purus。埃尼安在库苏斯努拉。
整数id eleifend tortor。我是一个聪明的人。在facilisis tellus的Pelletsque。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。虎口浮雕和肘部浮雕同侧前庭；背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背。我在同侧丛状静脉曲张处有一个小木瓜。
我认为您只需要制作一个画布，并将其设置为CSS，以便填充背景
<!DOCTYPE html>
<html>
<head>
<style>
/* make the canvas fill the page and not scroll */
#c {
position: fixed;
left: 0px;
top: 0px;
z-index: -10;
width: 100vw;
height: 100vh;
}
/* remove the margin on the body so the canvas goes to the edge */
body {
margin: 0;
}
/* make a new body with standard margins */
#body {
margin: 8px;
}
</style>
</head>
<body>
<canvas id="c"></canvas>
<div id="body">
<!-- insert rest of html here -->
</div>
</body>
</html>
这个例子只是清除了画布（最简单的例子）。这里有一个片段
var canvas=document.getElementById（“c”）；
var gl=canvas.getContext（“webgl”）；
var resize=function（）{
var width=gl.canvas.clientWidth；
变量高度=gl.canvas.clientHeight；
if（gl.canvas.width！=宽度| | gl.canvas.height！=高度）{
gl.canvas.width=宽度；
gl.canvas.height=高度；
}
};
var render=function（）{
调整大小（）；
gl.clearColor（1，Math.random（）*0.2+0.8,1,1）；
总账清除（总账颜色缓冲位）；
请求动画帧（渲染）；
};
render（）
#c{
位置：固定；
左：0px；
顶部：0px；
z指数：-10；
宽度：100vw；
高度：100vh；
}
身体{
保证金：0；
}
#身体{
利润率：8px；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。AENEA nec孕妇，nec酵母菌metus。在精英群体中，必须保持信心。整瓶苏打水，一杯酒，一杯酒，一杯酒，一杯酒。这句话的意思是：“如果你不同意，我就不同意。”。前庭。埃尼安·ac·维尼纳蒂斯sem。奥古斯塔普雷蒂姆教堂的门是空的，教堂的门是空的，教堂的门是空的，教堂的门是空的。Fusce accumsan