banner页面和广告页面制作方法
2018-12-18 本文已影响0人
三人成师
banner页面和广告页面制作方法
1、先创建一个总盒子,再建一个大盒子,和浏览器一样宽,然后在建一个小盒子 ,作为版心居中
2、再建一个大盒子,里面用a标签包起来,图片用背景图片,背景图片用 top center 居中
3、给第二个大盒子 绝对定位,定位到第一个小盒子(版心)两边,给总盒子相对定位。
4、给第一个大盒子相对定位,用z-index:999;提升层级,让第一个大盒子盖住第二个大盒子。
注意:用绝对定位的时候,会转换成“行内块元素 ”,行内块元素是内容撑起开宽度,如果没有内容,就必须强制给一个宽度,否则不显示。
只有浮动的盒子,固定定位的盒子,绝对定位的 盒子,才有“行内块”转换。