Background shadow of a div container

by 6 replies
7
Hi all, I would need to change the background of a div container. Its transparent but I would need to make it a little bit with shadow like this example -


Notice how the background of the box is still transparent, but it has like a shadow.

How could I do that?

Thanks
#programming #background #container #div #shadow
  • have you tried this ?

    background: url("image-url") no-repeat scroll center top #000000

    I think this will give you same thing as above website
    • [1] reply
    • search for CSS filters in google or background transparency. Play a while with params color and transparency. Different browsers have different filters.

      try apply a CSS filter like this (transparent black background):

      Code:
          .myfilter {
        /* use RGB if browsers don't use RGBa filter */
        background: rgb(0, 0, 0);
        /* set opacity to 75% */
       background: rgba(0, 0, 0, 0.75);
    }
      This code won't work in all browsers.
      • [1] reply
  • You could have given a warning on what the website contained we're not all in places where that is allowed...
    • [1] reply
    • Isn't it enough in a previous post? It was mentioned - filter won't work in all browsers. There exist cross browser solutions, should search in google.
  • you can you background is an image or use CSS3, search on google.com 'shadow div in css3'
Join the discussion

Next Topics on Trending Feed

  • 7

    Background shadow of a div container

    Hi all, I would need to change the background of a div container. Its transparent but I would need to make it a little bit with shadow like this example - www.natur-zen.fr/naturist-massage-a-la-pen-l-flight-of-way.htm