I'm trying to put a background image in for the slideshow so the images will lay perfectly in a graphic I created for the header on the site. Anyway, when I go to the site the background image shows, but the first image loads and the background seems to disappear.
Below is the part of the CSS for the background of the slideshow. What do I need to do to get the background to stay visible so the images are displayed on top of it.
| Code: |
.ari-image-slider-wrapper
{
margin: 0 auto;
}
body .ari-image-slider-wCtrlNav
{
margin-bottom: 30px;
}
.nivoSlider {
position:relative;
margin-top: 10px;
margin-bottom: 10px;
background:#fff url(images/slidebg.png) /*url(images/loading.gif)*/ no-repeat 100% 100%;
-moz-box-shadow:0px 0px 0px #333;
-webkit-box-shadow:0px 0px 0px #333;
box-shadow:0px 0px 0px #333;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
}
|
