我想让我的页面有两个背景图像:一个在顶部,一个在底部。不过,我不希望它们是静态的。我将如何做到这一点?两个单独的背景图像
回答
这真的取决于你需要什么样的页面看起来像什么样的背景图像。如果你想要一个解决方案你需要发布更多的细节,最好有一个页面应该看起来像一个合成图像和一个自己的图像的例子。
提到的一种方式可能是:
html {backgoround: trasnparent url(/path/to/image) scroll no-repeat top center;}
body {backgoround: trasnparent url(/path/to/other-image) scroll no-repeat bottom center;}
我想要做的是有第一个图像在页面的顶部(如“背景:URL(/路径/到/图像)repeat-x;”)。第二张图片沿着页面的底部。所以,当你向下滚动到页面的结尾时,它就在底部。 –
对,但你不会有一个设置页面高度是你?当页面很短,很长,正常等时,你如何需要这些图像的行为?你需要一个纯色之间?这种颜色是与底部图形的顶部还是顶部图形的底部相关的? – prodigitalson
将div与背景图像结合使用,并使用布局或定位属性进行适当的放置。你可以把它放在顶部,放在一个绝对位置和z-indexed的div中,放在你的常规页面下面。然后另一个可以放在身体的风格和定位在底部。
请零裕度和填充,像这样两个嵌套的层:
<div class="outer">
<div class="inner">
<!-- Page goes here. -->
</div>
</div>
然后具有外部和内部,一个固定到顶部,一个固定于底部的一个单独的背景图像:
.outer {
background-position: bottom;
// ...
}
.inner {
background-position: top;
// ...
}
- 1. 单独的背景图像和WebKit的梯度成两个单独的CSS声明
- 2. PyGame独立的背景图像
- 3. 如何使用两个背景图像
- 4. Android中的背景图像:每个独立设备的独立图像?
- 5. 如何使用多个背景图像指定单个全局背景图像?
- 6. 在背景图像背景图像
- 7. (Python)具有两个重叠图像的MainWindow背景图像
- 8. 动画iphone tableviewCell带有两个图像的背景图像
- 9. 在单个背景图像中设置两个图像,对齐性好吗?
- 10. 如何在CSS中展开单独的背景图像
- 11. 针对移动设备的单独背景图像
- 12. 背景图片上的背景图像
- 13. 桌子和身体有两个单独的背景颜色
- 14. 两个独立的CSS风格背景图像不同的颜色
- 15. css两个背景图片
- 16. 从许多背景图像中创建一个背景图像
- 17. 适合背景图像到第二个背景图像
- 18. 覆盖CSS背景图像样式 - 两个图像都加载?
- 19. 背景图像背后的一个uitableview
- 20. css在两个不同的类css3中的背景图像的背景渐变
- 21. 背景图像
- 22. 背景图像
- 23. 图像背景
- 24. 图像背景
- 25. 背景图像
- 26. CSS - 个人背景图像
- 27. 在一个背景图像
- 28. 多个背景图像IE8
- 29. 独立更改QStackedWidget每个页面的背景图像
- 30. 多个背景图像,附加图像
多一点信息将是有益的,因为prodigitalson指出。一个模型也会很有帮助。这里有很多变量,并且有很多不同的方法可以用CSS来实现。 –