Support » Themes and Templates » Opacity for background color not in all content of the <div>

  • 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?

Viewing 2 replies - 1 through 2 (of 2 total)
  • esmi

    (@esmi)

    Forum Moderator

    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.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Opacity for background color not in all content of the <div>’ is closed to new replies.