Skip navigation
Currently Being Moderated

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

Jun 28, 2013 4:27 AM

Tags: #fancybox #background_image

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("") 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,



More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points