WordPress.org

Ready to get started?Download WordPress

Forums

Opacity for background color not in all content of the <div> (3 posts)

  1. Emmti
    Member
    Posted 4 years ago #

    Hi,
    I have been trying out a number of ways of styling my background colour to be 50% transparent, however the different methods cause different problems..

    The
    rgba(0,255,255,0.5); does not work in IE.

    And I have been trying different modifications of the following code:

    #content {width:800px; height: 520px; background-color: #33FFFF; filter:alpha(opacity=50); -moz-opacity:0.5; vertical-align:middle; }

    This works on all browsers, however it gives everything in the div an opacity of 50%, including type, widgets etc, as the background I am trying to make transparent is the background of the main window with content.

    Any solution for this problem which will work for all browsers?

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    The rgba(0,255,255,0.5); does not work in IE.

    That's because IE doesn't fully support CSS3.

    Any solution for this problem which will work for all browsers?

    Not via CSS, no. The only low-tech option is to use a semi-transparent .gif as your background.

  3. Emmti
    Member
    Posted 4 years ago #

    Ok I guess a semi-transparent .gif will have to do instead. Thanks Esmi :)

Topic Closed

This topic has been closed to new replies.

About this Topic