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 3 of 3
  1. #1
    Junior Member
    Join Date
    Sep 2014
    Posts
    4
    Member #
    40076

    Opaque Background but full opacity text

    Hello guys, hope everything is good!

    I have a newb question, and I guess Im too tired after hours here to figure it myself.

    At one of my div's, I have an opaque background (opacity: 0.7.
    I would like to have the text inside this "box", to be full opacity. I've tried a few different approachs, but it doesn't seem to work.

    Any suggestions?

    Thanks in advance

    R

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    That's the unfortunate nature of the opacity setting. Child elements and content are no more opaque than the parent element. To solve it, if you're using a background image, use PNG and set the opacity on the image. If you're using background color, instead of RGB, use RGBA, where the A stands for "alpha", which amounts to opacity.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times
    Another solution is to make white, 30% transparent png image as a div background. This will work in browsers without css3 support after IE6, I think. To be sure you can add png js plug-in.


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 06:35 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com