在 Dash-plotly 中将背景图片添加到 html.div

Question

我知道如何为绘图对象添加背景图像，但是，是否可以为 html.Div 或 html.H1 添加背景图像？

Answer 1

这是一个演示如何使用内联样式添加 background-image 的工作示例。

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
from pandas_datareader import data as web
from datetime import datetime as dt
import plotly.graph_objs as go

app = dash.Dash()
app.layout = html.Div(children=[
    html.H1('Hello Dash', style={'background-image': 'url(https://upload.wikimedia.org/wikipedia/commons/2/22/North_Star_-_invitation_background.png)'})
    ])

if __name__ == '__main__':
    app.run_server(debug=True)

在 Dash-plotly 中将背景图片添加到 html.div

Add background image to html.div in Dash-plotly

python

plotly

plotly-dash