jQuery 슬라이더로 내 CSS 그라디언트가 엉망이 되니?

Question

내 페이지에 jQuery 슬라이더를 놓고 그 아래에 새로운 div을 추가하고 float: left을 추가하면 그라디언트가 바로 멈 춥니 다. 여기에 LINK이 있습니다.

내가 float: left를 추가하지 않을 경우 그라데이션 배경은 정상입니다 : S ...

CSS :

body { 
    height: 100%; 
    border-top: 1px solid white; 
    margin:0; 
    background-repeat: no-repeat; 
    font-family: 'AandachtBold'; 
    -webkit-font-smoothing: antialiased; 
    background: #cdd6de;!important; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4f5f5), to(#cdd6de));fixed !important; 
    background: -moz-linear-gradient(#f4f5f5, #cdd6de);fixed !important; 
    background: linear-gradient(#f4f5f5, #cdd6de);fixed !important; 
    -pie-background: linear-gradient(#f4f5f5, #cdd6de);fixed !important; 
    behavior: url(/PIE.htc); 
} 

자바 스크립트 :

<script src="js/jquery-1.4.4.min.js"></script> 
<script src="js/slides.min.jquery.js"></script> 
<script src="js/jquery.easing.1.2.js"></script> 
<script src="js/smooth-src-comments.js"></script> 
<script> 
    $(function(){ 
     $('#slides').slides({ 
      preload: true, 
      preloadImage: 'img/loading.gif', 
      play: 3500, 
      pause: 2500, 
      hoverPause: true 
     }); 
    }); 
</script> 

Answer 1

귀하의 CSS 코드가 유효하지 않은 것으로 보입니다. 내가 을 보지 전에 그라데이션 사용 "고정"결코 또한

background: #cdd6de !important; 

과 같이이 있어야한다

background: #cdd6de;!important; 

예를 들어

이 문제

원인이 될 수

background: -moz-linear-gradient(#f4f5f5, #cdd6de);fixed !important; 

---

색상으로 아래 코드를 사용해보십시오.이 코드는 Internet Explorer에서도 작동합니다.

background: #0A284B; 
    background: -webkit-gradient(linear, left top, left bottom, from(#0A284B), to(#135887)); 
    background: -moz-linear-gradient(top, #0A284B, #135887); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A284B', endColorstr='#135887'); 
    zoom:1;