CSS ::backdrop伪元素可以控制视频，弹框或者普通全屏元素的黑色蒙层背景样式的。兼容性还很不错，实际项目中可以用一用。
文章关键字 ‘全屏’
CSS ::backdrop伪元素是干嘛用的？
2018年12月22日，星期六HTML5全屏API在FireFox/Chrome中的显示差异
2012年10月8日，星期一FireFox浏览器下的黑色背景就是全屏元素，其中图片的居中对齐是通过CSS控制的（:after伪类生成元素+vertical-align:middle实现），例如去掉text-align:center图片就不水平居中了；而Chrome的黑色背景属于系统的东西，其全屏元素似乎被浏览器劫持，默认状况下永远屏幕居中显示（去掉text-align:center图片依然水平居中）——脱离了常规CSS理解——如默认的display:block状态似乎变成了display:inline-block等……
翻译-10件Flash可以做而HTML5做不了的事情
2010年11月9日，星期二HTML5可以说是Flash目前最大的潜在的对手，HTML5是否会终结Flash时代是个争议颇多的话题。本文作者通过10个实例展示了目前Flash可以做但是HTML5却无能为力的例子，借此说明Flash离死亡还尚早。到底Flash是垂死挣扎，还是会在困境中前行，这还需要你自己睿智的判断了。
本文实例可以说展示了Flash一些新的且比较强大的应用。无论你是Flash开发者，设计师，还是web方面的工程师，此为对于了解HTML5和Flash的一些特性，功能等还是很有帮助的。翻译能力有限，有些句子的意思自己确实拿不准，所以，要是要翻译不准确的地方，还望见谅，欢迎指正。希望本文能对您的学习有所帮助。
我的应用
我的应用