Category Archives: HTML

Transparent Background For Text On A Picture

On a little sie project that I’ve been working on, I came across a layout problem that I was having a hard time finding a solution to. I wanted to show a picture and at the bottom have the name of a winery with a transparent background behind the name so that you could see the picture through it. I wanted to do this for a few reasons:

  1. It helps with the layout as I don’t have to worry (as much) about the color of the picture and the color of the font.
  2. It looks nice
  3. It seems like a fun challenge – this may actually be the main reason I wanted to do this…

At the end, this is what I ended up with

Final page

Final page

Continue reading