Css 将图像覆盖在滑块顶部
我想在我的滑块上放置一个图像-滑块中图像两侧的滚动条 现在它们是上一个下一个链接,但是,正如您通过调整浏览器大小所看到的,它们会跳转。在这个问题上我已经认输了,我只是想让它们成为一个装饰性的形象 那么,我如何在上面放置图像呢Css 将图像覆盖在滑块顶部,css,image,slider,Css,Image,Slider,我想在我的滑块上放置一个图像-滑块中图像两侧的滚动条 现在它们是上一个下一个链接,但是,正如您通过调整浏览器大小所看到的,它们会跳转。在这个问题上我已经认输了,我只是想让它们成为一个装饰性的形象 那么,我如何在上面放置图像呢 #sliderwrap { width: 100%; padding: 40px 0; overflow: hidden; position: relative; background-image: url(http://bitsyb
#sliderwrap {
width: 100%;
padding: 40px 0;
overflow: hidden;
position: relative;
background-image: url(http://bitsybride.com/wp-content/themes/basement/images/linen3.png);
}
你会推荐我把它放在我的画廊里的什么地方
#mygallery{ padding:0;position: relative;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height:300px; /*Height should enough to fit largest content's height*/
margin:0 auto;
padding:0;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0px;
}
.stepcarousel .panel{
float: right; /*leave this value alone*/
margin:0 40px 0 0;
border:none;
}
.thumb-title{
top:-105px;
right:0;
display:block;
position:absolute;
width: 250px; height:68px;
background: #eee url(images/line-h-l.png) top repeat-x;
margin:0;
overflow:hidden;
text-shadow:0 1px 1px #333;
}
.thumb-title-clear{
padding:10px 20px 10px 20px;
height:48px;
overflow:hidden;
}
.thumb-title h2 a {
display:block;
text-decoration: none;
font-size:16pt;
line-height:18pt;
height:50px;
overflow:hidden;
font-weight:bold;
}
.thumb-title h2 a:hover {
}
.stepcarousel .slideimg{
float: left; /*leave this value alone*/
background: #000 /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
padding:0;
width:300px;
height:300px;
overflow:hidden;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
}
将这些图像放在您的div
#mygallery
中会更容易!更符合逻辑。这完全不相关,但我在你的网站上得到的第一印象是它的名字是“bitchy”而不是bitsy,你可能会想一想……还有,它会是这样的吗。stepcarousel.nav{位置:绝对;边距:自动;背景图像:}明白了。导航{位置:绝对;左侧:50%;左边距:-580px;z指数:100;}