Question

我正在处理一个项目，我遇到了一个障碍，我似乎无法解决这个问题。（哈哈，修复）

我有一个页面一致的html，php的<?php include=""; ?>，javascript（和jQuery），当然还有一些CSS。问题是CSS。

首页有one background picture，子页面有another background picture。

子页面的图片应位于“右上角”，而首页图片的位置应使整个图片显示出来。

当没有指定background-attachment:时，它工作得很好，但我有一个子页面的文本多于页面可以包含的文本。当然，这会使页面滚动。我希望图片不会移动（保持固定），但是当我在css中为我的background:添加“固定”时，图片就会变得疯狂。这是订单，我把我的东西放在background:

中

div#container {
    background: #ccffff url("billder/bckground.jpg") fixed no-repeat right top;
}

我认为这个问题可能就在这里，但我试图将这些标签分开，或者用css调用它，就像这样：

background-color: #ccffff;
background-image: url("billeder/bckground.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;

仍然无效（仍然狂野）

我使用this method构建页面，使div的百分比为min-height:。我的项目的This is the main page和this is the subpage的文字很多。正如您所看到的，主页面变得疯狂，子页面的背景图片没有正确显示，您无法看到整个图片。图片 已修复但未按我希望的方式显示。

我真的希望你能帮助我，因为我已经将很多的efford加入了这个网站。

为了避免任何误解和恼人的问题，我不是一个非常有经验的程序员/网络开发人员。

修改

为了清楚起见，我想要的是让背景保持固定（与页面一起滚动）

Answer 1

移除fixed并将min-height（或我认为更好的height设置为750px上的<div id="container_front">...</div>。

所以它在你的css中变成了这个：

div#container {
    position:relative;
    margin:0 auto;
    width:900px;
    background-color: #ccffff;
    background-image: url("billeder/bckground.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    height: 750px;
    min-height: 750px;
}

背景图片不使用固定附件

修改

1 个答案: