The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

border opacity

  • # January 14, 2010 at 6:16 pm

    Is it possible to control opacity of borders?

    # January 17, 2010 at 10:07 pm

    Don’t think you can change the opacity of a border. however you could use css or jquery to set the opacity of a div then center another div inside that one. it would give the illusion of a border.

    # January 18, 2010 at 6:43 am

    This reply has been reported for inappropriate content.

    You could do what kloy said, but you could make the background image of the div a .png file.

    # January 18, 2010 at 8:44 am

    This reply has been reported for inappropriate content.

    yea what Jamy said is pretty much what you should do. Remember opacity will apply to everything within the div as well, not just the div itself.

    # November 24, 2012 at 2:09 pm

    You can use rgba color instead of hexadecimal color for the border-color :
    border : solid 1px rgba(0,0,0,0.5); instead of border : solid 1px #000000;

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘border opacity’ is closed to new replies.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed