简体   繁体   English

如何使背景图像停留在底部并覆盖整个高度

[英]How to make a background image stays in the botton and cover the full height

How can I make all my pages have the same background feeling as my homepage . 如何使所有页面具有与主页相同的背景感。 For example if you see this page you can see the background is out of place. 例如,如果您看到页面,则可以看到背景不正确。 Let me know if you want me to send you the code but pretty much you can see it at these pages. 让我知道是否要发送代码,但是您几乎可以在这些页面上看到它。 Thanks a lot! 非常感谢!

PS: Any other way besides using position fixed? PS:除了使用固定位置以外,还有其他方法吗?

Try a different approach... Instead of using 2 different gradients in two different div's ( #hhbg and #footer ), just combine the two gradients into one image and apply it as a background to, for example, body . 尝试不同的方法...不用在两个不同的div中使用两个不同的渐变( #hhbg#footer ),只需将两个渐变组合到一个图像中,然后将其作为背景应用于例如body Then use background-position to anchor the image to the bottom corner and repeat it horizontally. 然后使用background-position将图像锚定到底角并水平重复。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使背景图像充分显示并覆盖整个尺寸 - How to make background image to be displayed fully and to cover the full size 如何制作全高的背景图像 - How to make background image of full height 显示带有背景大小的完整图像(高度):封面 - show full image (height) with background-size: cover 如何获得 100% 高度的背景图像覆盖? - How to get background image cover with 100% height? 如何使图像覆盖整个宽度 - How to make image cover full widht 如何使背景图片的高度和高度 - how to can I make a background-image full with and height 如何使背景图像尺寸的高度始终等于全角图像所需的图像高度? - How to make background-image size height always equal what the image height needs to be for full width image? 我将如何使滑块覆盖此页面的整个宽度和高度? - How would I make the slider cover the full width and height of this page? 如何拉伸图像以覆盖div的整个宽度和高度? (使用Flexbox) - How to stretch an image to cover full width and height of the div? (Using Flexbox) 如何在保持纵横比的同时缩放背景图像以适应屏幕的整个宽度? 当我使用“封面”时,高度被切断 - How to scale a background image to fit the full width of the screen while maintaining aspect ratio? Height is cut off when I use "cover"
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM