天猫默认模块去除白色背景

李和周 2017-03-15 15:11:05 网站建设 834 ℃ 0 评论

现在好多做天猫美工的代码不是很懂,现在就给大家说下怎么实现透明模块代码,看后让你从小白变成大神……

backgroud:url(背景图片地址注意:是图片空间的链接地址)

no-repeat------背景不重复

fixed----固定背景(注意是相对于浏览器)

center  top----  背景位置(center相对于浏览器剧中,top相对于浏览器顶部对齐)

设定的body固定背景图片会在白色的自定义模块下面,模块不透明,就会出现天猫背景不透明的问题。

默认层级关系

怎么解决呢?

转变层级关系,实现“透明”层级关系

 将固定背景层放到模块默认白色背景上,将其压到最下面,这样就是先了背景透明。

层级关系代码:

<div>
  <div  style="background:url(背景图片)  no-repeat fixed center top;">
    <p>透明png图片或文字</p>
  </div>
</div>

层级关系

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

李和周个人博客