前端之家

  1. 首页
  2. 问答

如何禁用通过透明粘性顶部菜单查看元素

• 问答

我有一个具有渐变背景的网站。 在这个网站上，我有粘性顶部菜单，菜单下有一些内容。 当我向下滚动时，可见的内容将显示在菜单中。 我不想为导航栏元素设置与背景相同的渐变，因为可见导航栏和主体背景之间的差异。

body {
  background: transparent linear-gradient(123deg,#76FCFF 0%,#F966F8 52%,#E8BBA2 100%) 0% 0% no-repeat padding-box;
  background-attachment: fixed;
}
nav {
  position: sticky;
  top: 0
}
.content {
  background-color: #ffffff;
  margin: 0px 10px;
  box-shadow: 0px 3px 10px #38383880;
}
<body>
<nav>Navbar content</nav>
<div class="content">
<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content
</div>
</body>

jianggang158 回答：如何禁用通过透明粘性顶部菜单查看元素

使用相同的渐变色，我看不到任何问题。 

import pandas as pd

data = {'Releasedate':['744','812']}
sndf = pd.DataFrame(data)
derp = pd.DataFrame()
derp['Releasedate'] = sndf['Releasedate'] #releasedate is a string
derp['Week'] = sndf.Releasedate.str.slice(start=1);
derp['Year'] = sndf.Releasedate.str.slice(stop=1);
derp['Year'] = '201' + derp['Year'].astype(str);
derp=derp.dropna()

derp['New'] = pd.to_datetime(derp.Year.astype(str),format='%Y') + \
             pd.to_timedelta(derp.Week.astype(int).mul(7).astype(str) + ' days')

body,html {
    margin: 0;
    padding: 0;
}

body,nav {
    background: transparent linear-gradient(123deg,#76FCFF 0%,#F966F8 52%,#E8BBA2 100%) 0% 0% no-repeat padding-box;
    background-attachment: fixed;
}

nav {
    position: sticky;
    top: 0;
}

.content {
    background-color: #ffffff;
    margin: 0px 10px;
    min-height: 120vh;
}

csshtmljavascriptnavbar
本文链接：https://www.f2er.com/3151119.html

大家都在问