|
今天小编跟大家讲解下有关CSS的position属性在DIV层中的应用 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS的position属性在DIV层中的应用 的相关资料，希望小伙伴们看了有所帮助。 原来只明白position:relative是相对定位 position:absolute 是绝对定位； 经常看到图片轮播的下方有个半透明背景的文字描述。我现在要做这样一个效果 因为不是轮播 所以没去找插件 想自己写。 半透明背景可以设置属性background: rgba(0, 0, 0, 0.15); 定位的话 父DIV设置position:relative后 子DIV的position:absolute就会相对父DIV作绝对定位。这样就很方便了。 复制代码代码如下: .banner{margin:20px;height:204px;position:relative;overflow:hidden} .banner .content{color:#FFF;font-size:24px;line-height:30px;font-weight:800;background: rgba(0, 0, 0, 0.15);position:absolute;left:0;right:0;bottom:0;} 效果：来源：爱蒂网
|