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

good morning,

 

i trying use 2 background images can't seem figure out how them work simultaneously within fancybox.

 

the first 1 textured background in place.

 

the second small corner icon need place flush in upper left-hand corner.

 

i tried examples found online, none of them seem work.

 

here's test page i'm working with:

 

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

 

here's css code holds 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 second background image need incorporate (upper left corner snippet)

 

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

 

as always, thank in advance patience, time , assistance.

 

kind regards,

jk

css3 best option older browsers may not support it.  however, add css @ top of head section see if works you:

 

 

<style type="text/css" media="all">

body {

    background-image: url('http://online.saintleo.edu/fancybox2/modal-corner-left-top.png');

    background-repeat: no-repeat;

}

</style>

basically, doing add background body of page place image @ top left corner while style div takes care of second background image.

More discussions in Dreamweaver support forum

adobe