오버플로 : IE에서 jQuery주기에서 가로 스크롤 막대를 제거하지 않음

Question

jQuery.cycle을 사용하여 세 개의 이미지를 표시하고 있습니다. 이 사이트에서 다른 답변을 유지하면서 가로 스크롤 막대를 제거하려면 min-width과 overflow:hidden의 조합을 사용했습니다. 이는 Internet Exploder Nein에만 나타납니다.

관련성이있는 경우 사이트에서 Yii 프레임 워크와 청사진을 모두 사용합니다.

가로 스크롤 막대가 사라지지 않습니다. 왜?

액션

<?php 
class IndexAction extends CAction 
{ 
    public function run() 
    { 
     $ds = DIRECTORY_SEPARATOR; 
     $cs = Yii::app()->clientScript; 

     $cs->registerScriptFile($ds. 'js' . $ds . 
        'jquery.cycle.all.js', CClientScript::POS_HEAD); 

     $cs->registerScript('cycle', "$('.pics').cycle({ 
      fx: 'scrollLeft', 
      containerResize: false, 
      slideResize: false, 
      width:960, 
      height:300, 
      fit:true 
     });", CClientScript::POS_END); 

     $this->controller->render('index'); 
    } 
} 

보기

<?php 
Yii::app()->clientScript->registerCss('ServicesCycleSlideShow'," 
.pics { 
    min-width:960px; 
    height:300px; 
    padding:0; 
    margin:0; 
    overflow:hidden; 
} 

.pics img { 
    padding: 0; 
    margin: 0; 
    border: none; 
    min-width: 960px; 
    height: 300px; 
    overflow:hidden; 
}"); 
?> 
<div class="pics"> 
    <img src="/images/1.png" width="960" height="300" /> 
    <img src="/images/2.png" width="960" height="300" /> 
    <img src="/images/3.png" width="960" height="300" /> 
</div> 

Answer 1

가 나는 문제를 발견했다. jQuery.cycle은 overflow:hidden보다 우선 순위가 높은 overflow-x:scroll을 도입합니다. overflow-x:hidden을 추가하면 스크롤바가 제거됩니다.