Tkinter中PNG图片透明区域显示为白色的问题咨询

问题原因 #

Tkinter原生Button组件默认会使用自身的背景色（通常为系统默认浅色/白色），即便图片带有透明通道，组件的背景色也会透过透明区域显现，导致视觉上透明区域变为白色。

解决方案 #

方案1：给Button匹配父容器背景色 #

如果界面背景为纯色（比如示例中的黑色），直接给Button设置与背景一致的bg属性，同时同步activebackground避免点击时出现底色：

import tkinter as tk
from PIL import Image, ImageTk

root = tk.Tk()
root.geometry("800x480")
root.resizable(False, False)
root["bg"] = "black"  # 显式设置窗口背景色

background_black = ImageTk.PhotoImage(file="background_black.png")
turn_on = ImageTk.PhotoImage(file="turn_on.png")

tk.Label(root, image=background_black, bg="black").pack()

# 设置Button的背景色与窗口背景一致
button = tk.Button(root, image=turn_on, borderwidth=0, highlightthickness=0, 
                   relief=tk.FLAT, bg="black", activebackground="black")
button.place(relx=0.5, rely=0.5, anchor=tk.CENTER)

root.mainloop()

方案2：使用CustomTkinter组件（推荐） #

你已导入customtkinter，它的组件对透明图片支持更友好，无需额外设置即可正确显示透明效果：

import customtkinter
from PIL import Image, ImageTk

root = customtkinter.CTk()
root.geometry("800x480")
root.resizable(False, False)

background_black = ImageTk.PhotoImage(file="background_black.png")
turn_on = ImageTk.PhotoImage(file="turn_on.png")

customtkinter.CTkLabel(root, image=background_black).pack()

# 使用CTkButton并设置透明前景色
button = customtkinter.CTkButton(root, image=turn_on, text="", border_width=0, 
                                 fg_color="transparent", hover_color="#333333")
button.place(relx=0.5, rely=0.5, anchor=customtkinter.CENTER)

root.mainloop()

方案3：用Label模拟Button（适配复杂背景） #

如果界面背景是图片而非纯色，可使用Label组件模拟按钮并绑定点击事件，Label会自动继承父容器背景，正确显示透明图片：

import tkinter as tk
from PIL import Image, ImageTk

root = tk.Tk()
root.geometry("800x480")
root.resizable(False, False)

background_black = ImageTk.PhotoImage(file="background_black.png")
turn_on = ImageTk.PhotoImage(file="turn_on.png")

bg_label = tk.Label(root, image=background_black)
bg_label.pack()

# 定义按钮点击事件
def on_button_click():
    print("按钮被点击")

# 用Label模拟按钮，绑定点击事件
button_label = tk.Label(bg_label, image=turn_on, cursor="hand2")
button_label.place(relx=0.5, rely=0.5, anchor=tk.CENTER)
button_label.bind("<Button-1>", lambda e: on_button_click())

root.mainloop()

内容的提问来源于stack exchange，提问作者BrainTrance