图像的透明度无法正常工作

Question

我有一个透明背景的png图像，但是当它显示有光泽时，背景会变成白色，并且图像的宽度比原始图像大。

图片：

闪亮的外观：

带有图像的部分闪亮代码：

title <- tags$a(tags$img(src="shield.png", height='30', width='50'), 'League of Squads', style = "color: white;")
ui <- dashboardPage(
  dashboardHeader(title = title,titleWidth = 250),

Answer 1

我下载了您的图片，它的尺寸为392x390px。您必须将其相应缩小（30x30，而不是30x50）。否则，它看起来会歪曲。

为什么图像有白色背景？我不能告诉你，有两种可能的选择：
1.您把它转换错了。
2.将其放置在具有白色背景的div内。

在我自己的代码中，它工作正常。

   ## app.R ##

title <- tags$a(tags$img(src="shield.png", height='30', width='30'), 'League of Squads', style = "color: white;")

library(shiny)
library(shinydashboard)

ui <- dashboardPage(
    dashboardHeader(title = title,titleWidth = 250),
    dashboardSidebar(),
    dashboardBody()
)

server <- function(input, output, session) {

}

shinyApp(ui, server)