Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Dec 2008
    Posts
    9
    Member #
    17937
    Opacity is being inherited from a parent div, and the problem is my thumbnails and other content on the page are showing opaque, and not the quality that they are. I was wondering what the best way to remove the opacity from items within the parent div that i do not want to be opaque.

    Thanks!

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I experimented with a lot of things on this, but it boils down to the fact that it's just not possible. Basically, if the parent is semi-transparent, then the children will be equally or more semi-transparent. There's no way to reverse opacity on child elements so that they become 100% opaque again.

    One hackish workaround you could use is to make the `parent' element a sibling instead. Then you put them both in a shared parent, make that parent relatively positioned, make the original parent semi-opaque, and then take the child element that contains everything the original parent used to contain and position it absolutely. You can offset it from the top, left, bottom, and right by whatever the padding you had set on the original parent had been. That should give you the right effect.

    Keep in mind that this is rather hackish and requires some otherwise-useless elements, however.

  4. #3
    Junior Member
    Join Date
    Dec 2008
    Posts
    9
    Member #
    17937
    Well that is definately frustrating. Being somewhat new to web design that does put some limitations on what you can do. I shall just have to find a creative way around the problem!! Thanks for the fast response!

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Keep in mind also that simply a semi-transparent background is a good solution to a lot of opacity problems, and that can be achieved using PNG alpha transparency.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com