美文网首页
banner页面和广告页面制作方法

banner页面和广告页面制作方法

作者: 三人成师 | 来源:发表于2018-12-18 22:11 被阅读0次

banner页面和广告页面制作方法

1、先创建一个总盒子,再建一个大盒子,和浏览器一样宽,然后在建一个小盒子 ,作为版心居中

2、再建一个大盒子,里面用a标签包起来,图片用背景图片,背景图片用 top center 居中

3、给第二个大盒子 绝对定位,定位到第一个小盒子(版心)两边,给总盒子相对定位。

4、给第一个大盒子相对定位,用z-index:999;提升层级,让第一个大盒子盖住第二个大盒子。

注意:用绝对定位的时候,会转换成“行内块元素 ”,行内块元素是内容撑起开宽度,如果没有内容,就必须强制给一个宽度,否则不显示。

只有浮动的盒子,固定定位的盒子,绝对定位的 盒子,才有“行内块”转换。

相关文章

网友评论

      本文标题:banner页面和广告页面制作方法

      本文链接:https://www.haomeiwen.com/subject/ztfrkqtx.html