相关疑难解决方法(0)

我有这个HTML代码:

<div class="header">
<div class="desc">Description</div>
<div class="logo"><img src=""/></div>
<div class="navbar"></div></div>

.header的高度为150px..navbar的高度为20px.当用户滚动时,我希望.navbar粘在顶部.所以我去了CSS并设置了位置:sticky和top:0.但这没效果.我最初认为firefox不支持position:sticky,但事实并非如此,因为我能够看到它的工作演示.我用Google搜索但没有发现任何帮助.谁知道为什么这不起作用？

我一直在尝试从table1Quarto 中的 R 包渲染粘性表头，就像我在 RMarkdown 中成功做到的那样。但是，Quarto 似乎无法识别我的 .css 文件，或者（更有可能）我丢失了某些内容。

为了重现性，我将 CSS 文件与 .rmd 和 .qmd 一起包含在内。我还包含了内联 html 来创建一个滚动框，以便标题可以粘贴。

样式.css：

.Rtable1 th {
  border: 0;
  text-align: center;
  padding: 0.5ex 1.5ex;
  margin: 0;
  background-color: #D3D3D3;
    color: black;
  position: sticky;
  top: 0;
  border-top: 2pt solid black;
  border-bottom: 1pt solid black;
}

汽车.rmd：

---
title: "Cars"
output: 
  html_document:
    css: styles.css
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE, message = FALSE)
```


```{r}
library(table1)
library(tidyverse)

cars <- mtcars
cars$cars <- rownames(cars)
cars <- …