Question

我正在尝试使用www目录中的图像来覆盖headerPanel的整个背景。我在headerPanel( h1("Title")中有headerHeader标题，然后尝试将图片设置为headerPanel的整个背景。但是，我不知道如何调整图片的大小以覆盖整个headerPanel。（图片位于www目录中）

我已经尝试了这两种方法，而且（无论如何更改尺寸）这两种方法都无法使它覆盖整个面板。

shinyApp(
  ui = fluidPage(
    headerPanel(
      h1("Title", align = "center", style = "color: white", img(src="picture.jpeg", height = 250, width = 250))),

shinyApp(
  ui = fluidPage(
         tags$head(
           tags$style(
             "
             .title
             {
              background-image:url('picture.jpeg');
              background-repeat: no-repeat;
              background-size: 60% 200%;
            }
            "
           )
          ),
         headerPanel(
            h1("Title", class = "title")),

不要介意随机维度，我把它们弄得一团糟，以至于我不记得我是从哪个维度开始的。有没有办法让我的图片跨过headerPanel的所有列？

在Shiny App中将图像用作headerPanel的完整背景

0 个答案: