2014-02-21 3 views
1

내가 더 자세히 문제를 설명했다 URL을 시도하십시오 : 나는 .slider - 래퍼 100 %의 폭을 만들고 싶어 Make division image responsiveCSS의 위치

합니다. 어떻게하면 CSS의 다른 구성 요소를 변경합니까?
는 CSS :

.slider-wrapper { 
    width: 310px; 
    height: 650px; 
    background: url("images/iPhone.png") center center ; 
    background-size:cover; 
    } 

    .nivoSlider { 
     position:relative; 
     width:290px; 
     height:512px; 
     top:60px; 
     bottom:65px; 
     left:23px; 
     right:24px; 
     overflow: hidden; 
    } 
    .nivoSlider img { 
     position:absolute; 
     top:0px; 
     left:0px; 
     width:100%; 
     height: 100% 
    } 

HTML :

<div class="slider-wrapper "> 
    <div id="slider" class="nivoSlider"> 

    <img src="" /> 
    <img src="" /> 
    </div> 
    </div> 

이미지 : 당신이 나를 도울 수 있다면 정말 감사하겠습니다

enter image description here

. !

답변

1

.nivoSlider { 
     position:relative; 
     width:290px !important; 
     height:512px; 
     top:60px; 
     bottom:65px; 
     left:23px; 
     right:24px; 
     overflow: hidden; 
    } 

같은 중요한 사용하거나 더 나은이

.nivoSlider slider-wrapper { 
     position:relative; 
     width:290px; 
     height:512px; 
     top:60px; 
     bottom:65px; 
     left:23px; 
     right:24px; 
     } 
+0

하이가 않습니다처럼 정의해야합니다, 당신은 * – user3274745

+0

작동 NT. 좋습니다. 시도해 보겠습니다. – STP38

+0

오없이 입력해야합니다 – user3274745