如何在react中设置背景图像内联样式的高度和宽度
如何在react中设置背景图像内联样式的高度和宽度
提问于 2020-09-25 17:20:51
有人能帮我解决这个问题吗？
我有这个问题:我正在从api获取一个图像，我想将它设置为背景(全屏背景)，当我想要将图像的高度和宽度以及其他样式设置为内联样式时，不知何故它对我不起作用。我该怎么做呢？
或者，是否可以获取图像并以某种方式在css中将其用作背景图像：...？
我正在从django后端获取图像。
render() {
return (
<section style={{backgroundImage: `url(${this.state.pic})`}}>
<h3>404 Page Not Found!</h3>
</section>
)
}回答 2
Stack Overflow用户
发布于 2020-09-25 17:24:57
- 为您的分区指定类名。
- 创建一个新的CSS样式表。点击"style.css“并链接到你的react应用程序。
- 执行以下操作
render() { return (
Stack Overflow用户
发布于 2020-09-25 17:37:43
我对样式元素一无所知。这可能对你有帮助！你可以在这里参考！https://reactjs.org/docs/dom-elements.html#style
render() {
return (
<section style={{
backgroundImage: `url(${this.state.pic})`,
backgroundPosition: center,
backgroundRepeat: no - repeat,
backgroundSize: cover
}}>
<h3>404 Page Not Found!</h3>
</section >
)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64061316
复制相关文章
相似问题
腾讯云开发者
