jQuery滑塊弄亂我的css漸變？

我在頁面中放置了一個jQuery滑塊，當我在其下面添加一個新的div並添加float: left時，漸變停在那裏。這是LINK。jQuery滑塊弄亂我的css漸變？

當我不加float: left漸變背景是正常的：■...

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); 
}

的JavaScript：

<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>

來源

2011-02-14 Luciano

在什麼瀏覽器中你有問題？ – Sotiris 2011-02-14 14:18:03

我看着它在safari，firefox和我的macbook上的鉻...。 – Luciano 2011-02-14 14:36:12

你的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;

來源

2011-02-14 19:06:02 Blowsie

jQuery滑塊弄亂我的css漸變？

回答

相關問題