Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Help req with Background image 1

Status
Not open for further replies.

IPGuru

Vendor
Joined
Jun 24, 2003
Messages
8,391
Location
GB
I am sure this must be fairly simple

I have a div with a bacground image & I want to overlay some text
due to the colours of the image the text readability is poor

I would like to achive on or both of the following:

1: fade the image without affecting the text (setting opacity on the dive also affects the txt)

2) put the text onto a semi transparent background colour

any assistance & suggestions would be apreciated.
 
Hi

Then you will need two [tt]div[/tt]s : 1 for the faded background image and 1 for the un-faded text, positioned over the first. and the second [tt]div[/tt] can not be child of the first. Once set some transparency for an element, all its children will be transparent and you can only increase the children's transparency even more, but not to decrease it.

Feherke.
 
OK
That took a bit of fideling with Div positions but it works
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top