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

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;

此外我从未见过渐变上使用的“固定”，这可能会导致问题

  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;

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

1 个答案: