效果:
打了马赛克,但是可以看出来中间的图片是有突出去的!
实现方式:
在tabs页面下加上一个div标签把该图片设置为固定定位。
css:
注意点:一定要加z-index 值小于二级页面的101就好了,这样在二级页面的时候,二级页面就会覆盖掉这个图片
.bigTabCenter{
position: fixed;
bottom: .5rem;
left: 50%;
width: 1.2rem;
height: 1.2rem;
transform: translateX(-.6rem);
background: url("../assets/imgs/tabs/tab3.png") center center no-repeat;
background-size: 100%;
z-index: 100;
}