Python Tkinter如何解决组件背景遮挡图片背景的问题？

我来帮你解决这个问题！在Tkinter中，默认的Frame、Label、Button等组件都会自带不透明的背景，所以会遮挡住你设置的窗口背景图。这里有几个可行的解决方案，我会结合你的代码给出修改示例：

方案1：Windows平台专属——利用透明色属性 #

这个方法通过指定组件的某个颜色为透明色，让该颜色区域透出底层的背景图，在Windows系统上效果很好：

import tkinter as tk
from PIL import ImageTk, Image

root = tk.Tk()
root.geometry("1280x720")
root.update()

background_img = Image.open("./background.jpg")
background_img = background_img.resize((root.winfo_width(), root.winfo_height()), Image.ANTIALIAS)
background_tkimg = ImageTk.PhotoImage(background_img)
background_label = tk.Label(root, image=background_tkimg)
background_label.place(x=0, y=0, relwidth=1, relheight=1)

# 创建Frame，指定背景色为白色，并将白色设为透明色
frame = tk.Frame(root, bg='white', highlightthickness=0)
frame.wm_attributes('-transparentcolor', 'white')
frame.place(anchor="c", relx=.5, rely=.5)

# 给Label和Button设置相同的透明背景色，同时去掉按钮边框
title_label = tk.Label(frame, text="TITLE", bg='white', fg='black')
button1 = tk.Button(frame, text="button 1", bg='white', fg='black', borderwidth=0)
button2 = tk.Button(frame, text="button 2", bg='white', fg='black', borderwidth=0)
button3 = tk.Button(frame, text="button 3", bg='white', fg='black', borderwidth=0)

title_label.grid(row=0, column=1, pady=30)
button1.grid(row=1, column=0, padx=20, pady=10)
button2.grid(row=1, column=1, padx=20, pady=10)
button3.grid(row=1, column=2, padx=20, pady=10)

root.mainloop()

方案2：跨平台通用——利用ttk组件自定义样式 #

如果你需要跨平台兼容，可以使用tkinter.ttk组件，通过自定义样式让组件背景透明（效果依赖于系统主题，部分主题可能不支持）：

import tkinter as tk
from tkinter import ttk
from PIL import ImageTk, Image

root = tk.Tk()
root.geometry("1280x720")
root.update()

background_img = Image.open("./background.jpg")
background_img = background_img.resize((root.winfo_width(), root.winfo_height()), Image.ANTIALIAS)
background_tkimg = ImageTk.PhotoImage(background_img)
background_label = tk.Label(root, image=background_tkimg)
background_label.place(x=0, y=0, relwidth=1, relheight=1)

# 创建自定义透明样式
style = ttk.Style()
style.configure('Transparent.TFrame', background='transparent')
style.configure('Transparent.TLabel', background='transparent', foreground='black')
style.configure('Transparent.TButton', background='transparent', foreground='black')

# 使用ttk组件并应用样式
frame = ttk.Frame(root, style='Transparent.TFrame')
frame.place(anchor="c", relx=.5, rely=.5)

title_label = ttk.Label(frame, text="TITLE", style='Transparent.TLabel')
button1 = ttk.Button(frame, text="button 1", style='Transparent.TButton')
button2 = ttk.Button(frame, text="button 2", style='Transparent.TButton')
button3 = ttk.Button(frame, text="button 3", style='Transparent.TButton')

title_label.grid(row=0, column=1, pady=30)
button1.grid(row=1, column=0, padx=20, pady=10)
button2.grid(row=1, column=1, padx=20, pady=10)
button3.grid(row=1, column=2, padx=20, pady=10)

root.mainloop()

方案3：简化布局——去掉Frame直接放置组件 #

如果你的布局不复杂，可以直接把Label和Button放在root上，跳过Frame，这样就不会有Frame的背景遮挡问题：

import tkinter as tk
from PIL import ImageTk, Image

root = tk.Tk()
root.geometry("1280x720")
root.update()

background_img = Image.open("./background.jpg")
background_img = background_img.resize((root.winfo_width(), root.winfo_height()), Image.ANTIALIAS)
background_tkimg = ImageTk.PhotoImage(background_img)
background_label = tk.Label(root, image=background_tkimg)
background_label.place(x=0, y=0, relwidth=1, relheight=1)

# 直接在root上放置组件，设置背景为窗口背景色，透出底层图片
title_label = tk.Label(root, text="TITLE", bg=root['bg'], fg='black')
button1 = tk.Button(root, text="button 1", bg=root['bg'], fg='black', borderwidth=0)
button2 = tk.Button(root, text="button 2", bg=root['bg'], fg='black', borderwidth=0)
button3 = tk.Button(root, text="button 3", bg=root['bg'], fg='black', borderwidth=0)

# 用place布局调整位置
title_label.place(relx=0.5, rely=0.4, anchor='center')
button1.place(relx=0.4, rely=0.5, anchor='center')
button2.place(relx=0.5, rely=0.5, anchor='center')
button3.place(relx=0.6, rely=0.5, anchor='center')

root.mainloop()

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