博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
记腾讯互娱网站布局(2)
阅读量:4208 次
发布时间:2019-05-26

本文共 226 字,大约阅读时间需要 1 分钟。

2.头图特效

这里写图片描述

这里写图片描述

给头图设置宽度100%以及定高1110px,同时设置display为table,和定位方式fixed

这里写图片描述

这里写图片描述

通过设置绝对定位以及固定宽高和背景的方式来实现

这里写图片描述

这里写图片描述

存放动态特效的盒子采用绝对定位,并且触发流体特效以及百分百宽的方式

这里写图片描述

这里写图片描述

主图上标志的实现是采用外部容器百分百宽度,内部容器给予定宽再margin居中实现

这里写图片描述

这里写图片描述

主图内部容器内的标志采用右浮动显示,同时为了防止和顶部重叠给予一个padding的值,内部叠加的两张图片通过margin-top来实现布局

你可能感兴趣的文章
操作2:mongodb使用语法
查看>>
如何给分类增加一个属性(后台)
查看>>
linux设置环境变量 临时设置 和 永久设置
查看>>
mysql数据库主从同步的问题解决方法
查看>>
LoadRunner如何在脚本运行时修改log设置选项?
查看>>
QC数据库表结构
查看>>
自动化测试工具的3个关键部分
查看>>
测试工具厂商的编程语言什么时候“退休”?
查看>>
资源监控工具 - Hyperic HQ
查看>>
LoadRunner中Concurrent与Simultaneous的区别
查看>>
SiteScope - Agentless监控
查看>>
QTP测试.NET控件CheckedListBox
查看>>
使用QTP的.NET插件扩展技术测试ComponentOne的ToolBar控件
查看>>
用上帝之眼进行自动化测试
查看>>
为LoadRunner写一个lr_save_float函数
查看>>
PrefTest工作室全新力作-《性能测试与调优实战》课程视频即将上线
查看>>
质量度量分析与测试技术 培训大纲
查看>>
欢迎加入【亿能测试快讯】邮件列表!
查看>>
为什么我们的自动化测试“要”这么难
查看>>
LoadRunner性能脚本开发实战训练
查看>>