css - impress.js demo 背景中的圆圈去除方法

Question

我刚刚查看了 impress.js 演示，它似乎是一个强大的工具。我对 CSS 不是很有经验，我想使用附加的 CSS 作为模板。

但是演示文稿的背景中有一个黄色圆圈/椭圆，我无法弄清楚 CSS 的哪一部分对此负责。

那么如何删除/修改这个背景图呢？

编辑(已解决)

我试着附上一张截图。但是上传时，截图中没有黄圈。原来是我的副屏有问题。在主屏幕上它看起来很完美。

我的视频驱动程序/屏幕硬件似乎有问题。

对不起各位!

Answer 1

假设您指的是中心的“聚光灯”，它是由应用于文档 body 的 CSS 渐变生成的:

body {
    /* ... */
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#F0F0F0), to(#BEBEBE));
    background: -webkit-radial-gradient(#F0F0F0, #BEBEBE);
    background: -moz-radial-gradient(#F0F0F0, #BEBEBE);
    background: -ms-radial-gradient(#F0F0F0, #BEBEBE);
    background: -o-radial-gradient(#F0F0F0, #BEBEBE);
    background: radial-gradient(#F0F0F0, #BEBEBE);
}

忽略这些规则，你就可以开始了。

引用资料:

• > Using CSS gradients on Mozilla Developer Network
• > examples on CSS-Tricks
• > CSS-Tricks article on the performance-wise profitability of using CSS gradients over images
• > a photoshop-like CSS gradient generator on ColorZilla