Trying to get a nice background behind my text on a website, but it all falls over when I try to make only the background behind the text semi-transparent.
The effect I want is just like the quote in the middle of this site – http://www.upstruct.com/
But. I also want the background behind the text to be a bit see through.
But! The text still needs to be stay fully opaque.
The background behind the text needs to be flexible too. As the text it is behind will change in lengths regularly.
So that counts out having a coloured & semi-transparent div.
Hmm…I’m a little confused because the example site you showed does not have see-through text.
From what you have said, it seems that you want a transparent background, but non-transparent text? But that is nothing like the site you have given in the example. That site has both opaque text and opaque background.
To make the text in your example non-transparent, you simply need to set opacity to 1 and filter to 100 in the baseline-text class
Actually, having just Googled what you want to do, it appears that it is not possible. The best way to do it would be to have a transparent PNG as the background image and just set it to repeat so it fills the whole space regardless of the text length