Estoy tratando de crear un sitio web y me gustaría que la primera sección de la página de inicio (el encabezado de navegación) tenga un fondo transparente. El resto de las páginas no necesitan fondos transparentes.

La página de destino se crea con fullPage.js . Intenté usar el evento de desplazamiento, pero no parece ser compatible con fullPage.js. ¿De qué otra manera puedo aplicar un estilo CSS separado a una sola sección usando fullPage.js?

Estoy agregando el código del componente de encabezado actual en App.js de React, y es confuso crear solo un estado para el encabezado de la sección de la primera página de destino.

 function App() { return ( <> <Header /> <Routes> <Route path='/' element={<MainPage />} /> <Route path='/company' element={<IntroPage />} /> <Route path='/technology' element={<TechnologyPage />} /> <Route path='/products' element={<ProductsPage />} /> <Route path='/RnD' element={<RnDPage />} /> <Route path='/support' element={<SupportPage />} /> <Route path='/login' element={<LoginPage />} /> <Route /> <Route /> </Routes> <Footer /> </> ); } export default App;