草庐IT

javascript - CSS 透视舷窗

我正在尝试使用CSS创建一个“舷窗”。当我说舷窗时,我的意思是让屏幕的一部分透明,这样您就可以看到舷窗后面的任何东西,仅此而已。通过将body的背景颜色设置为与前景色相同,然后使用具有圆形渐变的舷窗图像,我能够获得我想要的效果,中间为白色,边缘为黑色因为页面上的所有内容都是相同的颜色。这不是我想要的,因为我想在屏幕后面使用颜色或任何东西。我想到了这个:TestSeeThroughMouse*{margin:0;padding:0;}html,body{height:100%;background-color:green;}#cover{height:100%;width:100%;to

javascript - CSS 透视舷窗

我正在尝试使用CSS创建一个“舷窗”。当我说舷窗时,我的意思是让屏幕的一部分透明,这样您就可以看到舷窗后面的任何东西,仅此而已。通过将body的背景颜色设置为与前景色相同,然后使用具有圆形渐变的舷窗图像,我能够获得我想要的效果,中间为白色,边缘为黑色因为页面上的所有内容都是相同的颜色。这不是我想要的,因为我想在屏幕后面使用颜色或任何东西。我想到了这个:TestSeeThroughMouse*{margin:0;padding:0;}html,body{height:100%;background-color:green;}#cover{height:100%;width:100%;to