html - 这个标题区域如何在所有浏览器上工作?

标签 html css header

我刚在这里看到这个浏览器:

http://www.dietriffic.com/

现在,无论我如何调整浏览窗口 (Chrome) 的大小,顶部的绿色部分都会设法将其完全填满或完全不显示。它是怎么做到的?是图像吧?他们不可能为每种屏幕尺寸都做好准备吧?

谢谢!

最佳答案

它使用 horizontally- and vertically-repeated image横跨整个标题的宽度:

enter image description here

和一个居中的,不重复的,mostly-transparent PNG对于标题中间的发光效果:

enter image description here

关于html - 这个标题区域如何在所有浏览器上工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7211110/

相关文章:

html - td 没有与 btn-group 对抗

html - 如何在页面顶部制作第二个没有空格的正方形?

将 C dll 头文件转换为 Delphi Pascal 头文件

objective-c - 在 Xcode 中导致链接器错误的 Const 声明

javascript - 二维阵列构建的瓦片 map 中的碰撞检测情况。

html - Bootstrap v4 是如何加载 _reboot.scss 的?

javascript - 如何根据滚动选择菜单项?

html - 自定义单选按钮未显示

html - 图像的媒体查询无法正常工作

http - 控制缓存中文件的过期时间