www.webdeveloper.com
Results 1 to 8 of 8

Thread: Semi Transparent Backgrounds

  1. #1
    Join Date
    Feb 2003
    Posts
    27

    Semi Transparent Backgrounds

    Hi

    I would be grateful for any help in producing a semi transparent background for a pop up menu. I have seen the effect at the VW website --here: http://www.volkswagen.de/home/index_.htm

    The gif background I have created is not as smooth as the VW one, to see what I mean see my cloned test site at the following address --http://www.medics.demon.co.uk/

    Any help would be greatly appreciated

    Cheers

    DCH

  2. #2
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    I believe that would be an example of the IE Filter. More info can be found at http://msdn.microsoft.com/workshop/s...o/DXTidemo.htm

  3. #3
    Join Date
    Feb 2003
    Posts
    27
    Thanks, this is a start, but the effect on the VW site works with Netscape, so there must another method as well I presume? I am right in thinking IE filters won't work in other browsers?

    DCH

  4. #4
    Join Date
    Nov 2002
    Posts
    984
    I would assume that VW is simpoly using a semi transparent background image on their menus.

    This works on almost all browsersd available today, except IE/win (yes that's right, even IE/mac can handle alpha transparent PNGs correctly).

    However you can use some intricate filter stuff to mimic the effect also in IE/win. I don't have my bookmarks available at the moment, but I know there is an article over at ALA (a list apart) explaining how to do this workaround as well as a few other places. I even think it's been mentioned before on this forum.

  5. #5
    Join Date
    Feb 2003
    Posts
    27

    Wink

    Thanks both

    I looked at ALA but couldn't find the link. I thought that as I know where the layers open, I could slice the background picture on my website , and load the corresponding slice into each layer, having given the slice a 'semi opaque' look. The only problem is that the background is random and changes each time the page is refreshed. I want to keep this feature...I think I'll have to create a script to generate the random image and the corresponding random layer slices...anyway thanks again, I didn't thinkl it would be this difficult to find a good cross browser semi transparent background!

    Cheers

    DCH

  6. #6
    Join Date
    Nov 2002
    Posts
    984

  7. #7
    Join Date
    Feb 2003
    Posts
    27
    Thanks Stefan

  8. #8
    Join Date
    Dec 2002
    Location
    Lake Havasu City, Arizona
    Posts
    527

    Re: Semi Transparent Backgrounds

    Originally posted by DCH
    Hi

    I would be grateful for any help in producing a semi transparent background for a pop up menu. I have seen the effect at the VW website --here: http://www.volkswagen.de/home/index_.htm
    No matter how you do it, you have to use layers,
    even if it was an image. But the translucence is not in the image.
    If you want to mimic that page's translucent effect, it is done by using Layers using a script.
    Last edited by jdavia; 03-10-2003 at 03:05 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles