fluid-dev / hexo-theme-fluid

:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo
https://hexo.fluid-dev.com/
GNU General Public License v3.0
7.4k stars 1.13k forks source link

将首页头图高度设置为0时(`banner_img_height: 0`),顶栏和文章列表异常 #1066

Open yzl3014 opened 9 months ago

yzl3014 commented 9 months ago

请确认

Bug 描述

Chrome版本:121.0.6167.185

在配置文件中将首页的banner_img_height设置为0时,首页的文章列表的第一项显示在了页面最顶端,与顶栏重叠。

此时文章标题链接被顶栏覆盖,文章标题的链接无法被点击,顶栏变为透明所以也无法使用。

index:
  # 首页 Banner 头图,可以是相对路径或绝对路径,以下相同
  # Path of Banner image, can be a relative path or an absolute path, the same on other pages
  banner_img: /img/default.png

  # 头图高度,屏幕百分比
  # Height ratio of banner image
  # Available: 0 - 100
  banner_img_height: 0

复现步骤

将主题配置文件中,首页的banner_img_height值修改为0。代码位置如上所示。

截图

https://www.yuanzj.top/

移动端效果一致。

我想要这样的效果:

https://u.sb/