Javascript R中的绝对面板隐藏在传单输出后面
我试图使传单地图全屏显示,并在地图顶部添加过滤控件。然而,当我尝试这样做时,我的过滤器控件(绝对面板)在运行时隐藏在传单输出后面 我希望地图是全屏的,当我这样做的时候 如何使地图位于绝对面板后面? 感谢您的帮助 谢谢 以下是用户界面代码:Javascript R中的绝对面板隐藏在传单输出后面,javascript,css,r,shiny,Javascript,Css,R,Shiny,我试图使传单地图全屏显示,并在地图顶部添加过滤控件。然而,当我尝试这样做时,我的过滤器控件(绝对面板)在运行时隐藏在传单输出后面 我希望地图是全屏的,当我这样做的时候 如何使地图位于绝对面板后面? 感谢您的帮助 谢谢 以下是用户界面代码: fluidPage(style="padding-top: 10px;", h1("Locations"), absolutePanel( top = 60, left = "auto", right = 20, bo
fluidPage(style="padding-top: 10px;",
h1("Locations"),
absolutePanel(
top = 60, left = "auto", right = 20, bottom = "auto",
width = 330, height = "auto",draggable = TRUE,
wellPanel(
selectInput("Suburb", "Select one Suburb:",choices = c("Select one Suburb" = "All", as.character(mydata$SuburbTown))),
uiOutput("secondselection")
),
style = "opacity: 0.65"
),
leafletOutput("leafl", height = "800px")
)
您可以更改面板的
z-index
,使其正常工作。
试试这个:
fluidPage(style="padding-top: 10px;",
h1("Locations"),
absolutePanel(
top = 60, left = "auto", right = 20, bottom = "auto",
width = 330, height = "auto",draggable = TRUE,
wellPanel(
selectInput("Suburb", "Select one Suburb:",choices = c("Select one Suburb" = "All", as.character(mydata$SuburbTown))),
uiOutput("secondselection")
),
style = "opacity: 0.65; z-index: 10;" ## z-index modification
),
leafletOutput("leafl", height = "800px")
)
重写一下,
将其发送到绝对面板传单输出的顶部(“leafl”,height=“800px”)
您好@Karan,目前,提供的代码不足以重现您提到的行为。如果你能在你的问题中添加一个,那会有帮助。从今天起,在更新了所有软件包(包括传单)之后,我就遇到了同样的问题@Forever它曾经对我有效,但在我重新启动我的应用程序之后,我遇到了同样的问题。我也尝试在.css文件中使用它,但没有luck@Karan库马尔,试试这个:
z-index:10!重要的代码>。如果它不起作用,请考虑分享一个可重复的例子。@永远“Z指数:1000;”也为我工作。谢谢你们,伙计们@kluu[z-index:10!重要;]在css中也不起作用,但使用[z-index:1000]是有效的,无论是在css文件中还是在UI文件中,它都起作用
fluidPage(style="padding-top: 10px;",
h1("Locations"),
leafletOutput("leafl", height = "800px"),
absolutePanel(
top = 60, left = "auto", right = 20, bottom = "auto",
width = 330, height = "auto",draggable = TRUE,
wellPanel(
selectInput("Suburb", "Select one Suburb:",choices = c("Select one Suburb" =
"All", as.character(mydata$SuburbTown))),
uiOutput("secondselection")
),`enter code here`
style = "opacity: 0.65"
)
)