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
Comments
Post a Comment