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
    Member
    Join Date
    Oct 2009
    Posts
    40
    Member #
    20210
    Okay, Iīm using this code to make my box transparent.

    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    The thing is I only want the background color of the box to be transparent but with this code the content inside the box becomes transparent too, and it messes up the design realy bad. BTW: i know i donīt need alt that code but the aditional makes it copmitable with older browsers, right?

  2.  

  3. #2
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    Semantic, Valid, and Accessible Design!


  4. #3
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    opacity is an inherited property, thus the issue you face.
    create a <div> inside the element you wish, position it absolute with a width and height of 100%; give it the bg properties including the opacity you wish. an example of this can be found on my site
    http://studio378d.com

    two of the lines you have are not needed. all current browsers are based on the moz model, even ie(tho they have retarded it) so all you need is as follows


    filter:alpha(opacity=40); opacity:0.4;




    while($get_it !== true){ continue; }


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