Grow your CSS skills. Land your dream job.

help with a Png background image

  • # January 23, 2013 at 1:11 pm

    Hi everyone

    i have a PNG that has a dropshadow. the image uploads perfectly when i place it directly on the page:

    http://codepen.io/anon/pen/AmIoJ

    However problems occur when i try to upload it as a background image.;

    http://codepen.io/anon/pen/dqFla

    First it does not seem to load on this url . However, even when i did manage to upload it on another URL it dropped the shadow and only the black 960X 400px black box remained.

    I am not sure what to do; any help or assistance would be greatly appreciated.

    warm regards

    Andreea

    # January 23, 2013 at 1:16 pm

    @andreea115, the second pen you had an extra `/pageimages/` in your URL, it’s working now:

    http://codepen.io/anon/pen/gavKE

    Just out of curiosity, why don’t you just have a div with a black background and a box-shadow on the div?

    # January 23, 2013 at 1:18 pm

    You were using the wrong URL in the 2nd example: http://codepen.io/ggilmore/pen/d4ad0e86862a86694d02a424a7a0b30b

    # January 23, 2013 at 1:34 pm

    hi guys

    so sorry for the mistake; i don’t know why i did not see it; thanks.
    thanks again to ChrisP for his advice. i am not sure how to use a box_shadow on a div. Is this a CSS3 or will this work on all browsers?

    i will google box-shadows now.

    # January 23, 2013 at 1:42 pm

    @andreea115,

    Here’s a pen http://codepen.io/anon/pen/EJsjF

    Unfortunately, it’s not supported in IE until 9, but since it’s usually used cosmetically, if you’re ok without them showing up in IE8 and lower, it’ll be fine

    http://caniuse.com/#search=box-shadow

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".