文章关键字 ‘全屏’

CSS ::backdrop伪元素是干嘛用的?

2018年12月22日,星期六

backdrop头图

backdrop这个单词是背景幕布,就是戏曲表演后面的一块布。::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。在web中哪些元素需要视觉聚焦呢?一个是HTML5 <video>视频元素,还有就是HTMl5.2 <dialog>元素,以及处于全屏状态下的普通元素。这些元素的背景样式均可以交给::backdrop伪元素进行控制。

阅读全文…

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的一些特性,功能等还是很有帮助的。翻译能力有限,有些句子的意思自己确实拿不准,所以,要是要翻译不准确的地方,还望见谅,欢迎指正。希望本文能对您的学习有所帮助。

阅读全文…