Make background transparent

  • Resolved maledictum

    (@maledictum)


    9 years ago

    Hello, I am trying to make the background transparent on the homepage. Currently, the code from the theme looks like this :

    /* Body Background Color */

.l-body {

	background-color: <?php echo us_get_option( 'color_body_bg' ) ?>;

	}

    However, I do not know where this hooks up, so I’m trying to make sure where it would be best to use the <body bgcolor=transparent> tag, if that’s indeed the best way to go about this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jason King

    (@jasoncharlesstuartking)

    Don’t use body bgcolor, it’s not supported in HTML5. Instead use:

    background-color: rgba ( 0, 0, 0, 0.5 );

    = black background with 0.5 opacity.

    background-color: rgba ( 0, 0, 255, 0.3);

    = blue with 0.3 opacity

    webperts

    (@webperts)

    You can also try below code to make background color transparent for all browsers.

    .webperts_transparent {
    width: 100%;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    }

    Hope it will work for you.

    Thread Starter maledictum

    (@maledictum)

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make background transparent’ is closed to new replies.