首页 > 其他 > 详细

关于底部固定按钮的样式设置

时间:2020-11-11 12:19:00      阅读:59      评论:0      收藏:0      [点我收藏+]
.bot-button {
      position: fixed;
      z-index: 2;
      bottom: 0rpx;
      padding: 16rpx 20rpx;
      background-color: rgb(255,255,255);
      border-top: 2rpx solid rgb(216,216,216);
      .button {
        width: 710rpx;
        height: 80rpx;
        border-radius: 40rpx;
        line-height: 80rpx;
        text-align: center;
        font-size: 32rpx;
        color: rgb(255, 255, 255);
        background: linear-gradient(to right, rgb(253, 65, 24), rgb(255, 133, 29));
      }
    }
技术分享图片
类似效果,按钮在底部固定定位(fixed,配合z-index),外部包裹div元素,使用padding把剩余空间填充,

 

关于底部固定按钮的样式设置

原文:https://www.cnblogs.com/sunRiseProgress/p/13957915.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!