背景标题随滚动条一起移动

时间:2013-06-03 10:53:39

标签: html css css3 scrollbar background-image

我的问题是我的背景与滚动条一起移动。也就是说,页面的标题与滚动条一起滚动。我附上了我的代码和屏幕截图。请帮助我......提前致谢。

我的代码:

  body.hixBodyBackground {
overflow:scroll;
        margin: 0px;
            background: url(../images/common/header/Background_color.png);
             background-repeat:repeat-x;
             background-attachment:fixed;
            background-position:top center;  
            height: 100%;
            width: 100%;
            border: 0;
            background-size:contain;
            filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../KY/images/common/header/Background_color.png', sizingMethod='scale')";
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../KY/images/common/header/Background_color.png', sizingMethod='scale')";

body, html{
    height:100%;
    padding:0;
    margin:0;
      overflow-y: hidden;}

我已附上截图。

不滚动:enter image description here

滚动时:enter image description here

2 个答案:

答案 0 :(得分:0)

overflow:scroll添加到CSS中可以解决问题。原则上是跨浏览器的解决方案。

答案 1 :(得分:0)

最好更改背景:url(../ images / common / header / Background_color.png);在background-image:url(../ images / common / header / Background_color.png);