Website help...translucent layers in dreamweaver

I'm trying to setup a website with dreamweaver and I need to have main background pic with some translucent layers that have links in them that don't fully hide the main bacground picture. This is part of my idea for a tabled website that I'm working on...anyway. Could someone show me a snippet of code for what this would look like because I've been unable to set layers at anything other than a solid code. Any help would be highly appreciated!

#315383

Does it have to be in Dreamweaver, or could you code it manually?

Translucent layers, unless you use elements from CSS3 (the "opacity:" feature) are actually a trick.

What would be best is if we could get an idea of what you want in a Photoshop mockup--the way you described it, it could be done numerous ways, including just having text overlapping a background pic!

Please be a bit more specific

Thanks,

-NC

#315387

This should be inWeb Development, should it? Somebody move =P

Since each browser handles transparency on it's own way (this hasn't been set standards yet. And well even if it does, MS wouldn't follow it anyway...).

Example, to get 80% transparency you should use a code in CSS style like the one below:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

-moz-opacity: 0.8;

MS Opacity ranges from 0 to 100, and Mozilla's ranges from 0 to 1, using decimals.

Usually transparency isn't the fastest way of doing it, if you can blend in the own image, would be better, and don't abuse using transparencies too much, ok?

#317349