title: Hide a Button Under an Image TKinter
body: <p>I am wondering how within a <code>Frame</code> I can hide a button under an image without distorting the image size. I assume I will need to use gridding but I am not sure how to make the image fit into that without its aspect ratio going crazy. It does not seem possible to create invisible buttons in a grid with <code>grid()</code>, then pack an image on top with <code>pack()</code>. Any ideas?</p>
  
  <p>I have tried:</p>
  
  <pre><code>self.go_to_hydra = Button(self, text="Go to",
                            command=lambda: self.controller.show(Hydra_Level, self))
  self.go_to_hydra.grid(row=20, column=20, rowspan=10, columnspan=10)
  self.map_picture = PhotoImage(file=r"images/rsz_archipelago.gif")
  self.image = Label(self, image=self.map_picture)
  self.image.grid(row=0, column=0, columnspan=40, rowspan=40)
  </code></pre>
  
  <p>When I grid the button first, it appears on top and works. When I grid it second, it does not appear, which makes sense, but when I click on where it was, no event is triggered.</p>