Grow your CSS skills. Land your dream job.

Background image not showing in safari

  • # June 27, 2013 at 9:15 am

    I am working on a responsive design and the class “mid-column” is having a background image but it is not showing on safari on all the devices.

    .mid-column{width:290px; height:500px; padding:0; margin:0 5px 20px 0; float:left; background:#FFFFFF url(../images/box-grdnt.jpg) repeat-x bottom; border:#999999 solid 1px;}

    # June 27, 2013 at 9:42 am

    Do you have a live link?

    # June 27, 2013 at 9:51 am

    No I have no link. I have only codE.

    # June 27, 2013 at 9:53 am

    Perhaps a Codepen?

    # June 27, 2013 at 10:13 am

    [Check this](http://jsfiddle.net/NCqrE/1/ “http://jsfiddle.net/NCqrE/1/”)

    # June 27, 2013 at 10:16 am

    The image won’t show because it’s not an absolute path. On your Fiddle for example, you just called it as ../images/box-grdnt.jpg so it tries to get http://fiddle.jshell.net/NCqrE/1/images/box-grdnt.jpg — which obviously doesn’t exist, so it won’t show.

    Not saying that’s the problem (cause this would also have the same result in all other browsers, not just Safari), but in your fiddle that’s what’s wrong so we can’t reproduce it.

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

You must be logged in to reply to this topic.

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