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:

 

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

 
Replies

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