슬라이더 상단에 이미지 덮어 쓰기

Question

슬라이더 상단에 이미지를 놓고 싶습니다. 슬라이더에있는 이미지의 양쪽에있는 스크롤입니다. BitsyBride.com

지금은 이전 다음 링크이지만, 브라우저 크기를 조정하면 볼 수 있듯이 이동합니다. 나는 그 문제에 관해 수건을 던지고 있고, 단지 그들이 장식적인 이미지이기를 바란다.

그래서 어떻게이 위에 이미지를 배치합니까?

#sliderwrap { 
    width: 100%; 
    padding: 40px 0; 
    overflow: hidden; 
    position: relative; 
    background-image: url(http://bitsybride.com/wp-content/themes/basement/images/linen3.png); 
} 

Answer 1

어디에서 작성 하시겠습니까?

#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 */ 
}