曲阴影中的主阴影为什么要相对定位?是为了z-index吗?

来源:-

qq_空简_0

2016-01-28 16:35

.effect{

position: relative;

box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 40px rgba(0,0,0,0.1) inset;

-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 40px rgba(0,0,0,0.1) inset;

-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 40px rgba(0,0,0,0.1) inset;

-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 40px rgba(0,0,0,0.1) inset;

}

写回答 关注

1回答

  • Moink4308581
    2016-12-08 14:06:42

    相对定位和绝对定位经常一起用。简单来说就是将父元素设为position:relative 子元素设为position:absolute 这时候子元素的top left等定位的值就会以父元素为基准来定位。如果父元素没有设置relative 那么子元素将相对整个Html来定位。

CSS3实现“图片阴影”效果

利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果

34769 学习 · 62 问题

查看课程

相似问题