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:




      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)




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


      Kind regards,