时间戳

首页 > 解决方案 > 如何在滑块图像上粘贴导航栏

css - 如何在滑块图像上粘贴导航栏

问题描述

我有一个这样的导航栏，请看图片

样品 1

这是CSS代码

.home-upperbar-row{
    background-color: #ffffff;
  z-index: 15;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: unset;
  height: 100%;
  left: 1vw;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  transform: scale(1,1) translate(0%,0%);
}

我想要顶部图像中的红色标记部分，但不改变比例，如何？

或多或少想要的样子是这样的

图片是我在页面上滚动时获得的

我想要

标签： cssnavbarsticky

解决方案

推荐阅读