jQuery 滑块弄乱了我的 css 渐变？

Question

我在页面中放置了一个 jQuery 滑块，当我在其下方添加一个新的 div 并添加 float: left 时，渐变就停止在那里。这是链接。

当我不添加 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);
}

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>

Answer 1

您的 css 代码似乎无效。

例如，

  background: #cdd6de;!important;

这应该是这样的

  background: #cdd6de !important;

而且我以前从未见过在渐变上使用“fixed”，这可能会导致问题

  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;