How can I make my container transparent without making the whole site transparent too?


Tags: css,background,transparency,rgba

Problem :

How do I make the white container background transparent like it is here

Background picture shows through without it being affecting by the opacity code for the container?

The container seems to be the content-size:#fff; in the css



Solution :

Assuming I understand you correctly, you want to modify the background to be transparent without making all the children transparent. E.G. You don't want to do opacity: 0;

Instead use the transparent background-color.

.content-size {
  background-color: transparent !important;
}

    CSS Howto..

    Angularjs - How to have same height for the child divs when one child div's size is increased dynamically with ng-repeat

    How to run a different html file when device width changes?

    How can I memorize all CSS shorthands?

    How to keep div same height at all times

    CSS How to attach input box to bottom of divider window

    How to make this in html and css?

    How to use webpack and css-loader to load only specific css class?

    How can I give an image a black opaque overlay?

    Add background to first letter of a row of text. How?

    How to make text svg-animation launch when visible?

    How to Make
    • as structured

    How to remove line in the middle? [duplicate]

    How to center the boxes as shown?

    How to make rollover images in CSS using multiple image backgrounds and :hover pseudo

    How to call and hide lists using two buttons - using Javascript HTML CSS?

    How to use “css” in the “jsp” in Spring MVC project?

    how to position divs within another div

    How to changing css on bootstrap button Group

    How to create e-commerce website [closed]

    How to generate CSS using Garden with ClojureScript (lein-garden)

    How to visually indicate current page in ASP.NET MVC?

    CSS how to use pseudo-class :not with :nth-child

    How to make a list float to the right in CSS?

    How to make a site have a built in user-friendly editor?

    how to make div with one line of text and div with two the same height?

    How to make alerts overlap?

    How do I style forms using CSS

    how to change CSS on the youtube subscribe widget

    How can I make my numbered scale responsive to scrolling and clicking?

    HTML/CSS How to make a menu closed and then use class=“active”