首页 >web前端 >html教程 >请问这样的网页漂浮框怎么实现,可以有阴影遮罩的_html/css_WEB-ITnose

请问这样的网页漂浮框怎么实现,可以有阴影遮罩的_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:20:161182浏览

如图...


回复讨论(解决方案)

我个人认为应该是三层的
第一层就是最上面的:新版博客......什么的  用div装着,然后浮动,至于样式就是一张图片,然后对齐指定的地方。
第二层就是中间的:全屏的div:黑色的,然后修改透明度,就呈现出阴影的效果。
第三层就是信息层:你懂得!

点击去看看 或 知道了  隐藏第二层。

我估计的 ,不知道对不对!

我个人认为应该是三层的
第一层就是最上面的:新版博客......什么的  用div装着,然后浮动,至于样式就是一张图片,然后对齐指定的地方。
第二层就是中间的:全屏的div:黑色的,然后修改透明度,就呈现出阴影的效果。
第三层就是信息层:你懂得!

点击去看看 或 知道了  隐藏第二层。

我估计的 ,不知道对不对!


但是我完全不会写什么三层呀....

用z-index 这个样式,你可以去网上看看这个属性的用法,很简单的!
呵呵!希望能帮到你

聚焦模式

4个div 遮盖要聚焦的矩形位置的 其他地方

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn