volantis-x/hexo-theme-volantis

【反馈】:手机模式下toc会被遮挡(以找到问题并修复)

xingpingcn opened this issue · 2 comments

检查清单

  • 已经搜索过,没有发现类似 issue。
  • 已经将主题升级到最新版本。
  • 主题官网也存在这个问题。

复现地址

No response

复现步骤

已经找到了问题所在
改成.l_header {
position: fixed;
z-index: 10;}就没有问题
image
image

配置文件

站点配置文件

在这里粘贴替换 `blog/_config.yml` 中修改过的部分

主题配置文件

在这里粘贴替换 `themes/volantis/_config.yml` 中修改过的部分

环境信息

node.js & npm

在这里粘贴替换 `node -v && npm -v` 输出的信息

package.json

在这里粘贴替换 `npm ls --depth 0` 输出的信息

Tikas commented

不应该哇,1000 是比 10 要大的,层次上来说应该是更上面,难道是浏览器开始只支持 三位数 的值?

不应该哇,1000 是比 10 要大的,层次上来说应该是更上面,难道是浏览器开始只支持 三位数 的值?

原结构是这样的
image

应该就是设置成小于等于10的就可以,经测试,设置成11就会遮挡

btw,评论区怎么样显示raw字符,直接发就转义了