腾讯企业邮箱首页的全屏灯箱效果是怎么写出来的?他们的网站应该用了HTML5+c

时间：2023-11-08 08:12:01 | 来源：网站运营

时间：2023-11-08 08:12:01 来源：网站运营

腾讯企业邮箱首页的全屏灯箱效果是怎么写出来的?他们的网站应该用了HTML5+css3：不要看到华丽效果就以为html5 css3（在我看来这个效果也不华丽）。html4+css2用好了足以颠覆你对html的认识。

你看到的这个是一个居中的div（A），它用了一张图片做背景

居中div的父元素（B）是100%宽的，它的背景是一张平铺的图片。

B的背景色和A的背景图片边缘颜色一致，看上去是一张图片。

图片切换的淡入淡出，动态改变透明度罢了，jQuery的fadeIn fadeOut即可实现。