2 Replies Latest reply: Jun 28, 2013 8:16 PM by mytaxsite.co.uk RSS

    How do I make 2 background images work together in my Fancybox?

    KINNEY201 Community Member

      Good Morning,

       

      I am trying to use 2 background images but can't seem to figure out how to get them to work simultaneously within my Fancybox.

       

      The first one is a textured background which is already in place.

       

      The second is a small corner icon that I need to place flush in the upper left-hand corner.

       

      I tried examples that I found online, but none of them seem to work.

       

      Here's the test page I'm working with:

       

      http://online.saintleo.edu/FancyBox2/FancyBox2.html

       

      Here's the CSS code that holds the first background image:

       

      .fancybox-skin {

      background: url("http://online.saintleo.edu/FancyBox2/cleanpaper_squaretile.png") repeat scroll 0 0 transparent;

      border-radius: 4px 4px 4px 4px;

      color: #444444;

      text-shadow: none;

      width: 585px;

      }

       

      And here is the second background image that I need to incorporate (upper left corner snippet)

       

      http://online.saintleo.edu/FancyBox2/modal-corner-left-top.png

       

      As always, thank you in advance for your patience, time and assistance.

       

      Kind regards,

      JK