bootstrap v4 navbar，正文文本显示在navbar onscroll上方

Question

您好我正在使用bootstrap v4在我的个人投资组合网站上工作，我的导航栏是透明的，当我滚动文本时，正文文本会阻止导航栏文本的视图，并且不允许我单击导航栏链接，我该如何解决这个问题？

https://caromin.github.io/Caromin-WebPortfolio/

Answer 1

更改css

void Transmit::Tx(){
    time_t t1, t2;
    while (1){
        t1 = time(NULL);
        wait(10, SC_SEC);
        t2 = time(NULL);
        cout << t2 - t1 << endl;
    }
}

Answer 2

这是你的修复。请添加以下css

#navscroll {
z-index: 1;}

干杯！

Answer 3

当然这是关于css属性z-index的问题。可以在https://www.w3schools.com/cssref/pr_pos_z-index.asp引用其具体定义和用法。要修复您的错误，请尝试将z-index: 9999添加到<nav></nav>的css属性。