【问题标题】:How to have different backgrounds for different screens ReactJSReactJS 如何为不同的屏幕设置不同的背景
【发布时间】:2020-01-04 11:07:11
【问题描述】:

我正在尝试通过 css 为我的 ReactJS 项目中的屏幕添加背景,但是当我向一个屏幕(组件)的主体添加背景时,它会出现在所有屏幕上。我所有的组件都在同一个文件夹中。

我尝试过使用 !important 关键字,但这没有任何区别。

这是我为我想要背景的屏幕编写的 css 代码:

body {
    background: url("blue-bg.jpg");
}

尝试在 div 上而不是 body 上设置背景可能不是解决方案,因为 div 不会覆盖整个屏幕,这不是我想要的。

【问题讨论】:

  • 你能创建一个覆盖整个屏幕的包装器组件吗?

标签: html css reactjs web-applications


【解决方案1】:

尝试使用上下文 API 进行主题化或 CSS 主题(如 postcss 支持该功能)

【讨论】:

    猜你喜欢
    • 2020-09-17
    • 1970-01-01
    • 2021-07-09
    • 1970-01-01
    • 1970-01-01
    • 2018-07-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多