html - 背景图片放置

标签 html css image background

我正在尝试将完整的背景图像放置在图像底部是浏览器底部的站点上,而不会在底部被截断。我希望图像位于左下角,顶部或右侧的任何内容都被截断,具体取决于浏览器的大小。目前,当我尝试执行此操作时,由于导航栏较大,IE 会切断底部。我尝试了很多不同的方法但没有运气!谢谢你的帮助。

最佳答案

您可以通过在 body 上应用一些简单的 CSS 规则来实现此目的:

body {
   background-image: url('path/to/your/background.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: bottom left;
}

关于html - 背景图片放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8581762/

相关文章:

javascript - 在一个 cookie 中设置两个值

javascript - 使用 Javascript/JQuery 的媒体查询 - 根据屏幕大小更改图像

javascript - 使用 jquery/javascript/php 启用麦克风,而无需用户每次都单击“允许麦克风”

html - Flexbox 粘性页脚和溢出的内容区域

javascript - 在 Nodejs 的 jimp(js 库)中创建具有透明颜色的新图像

c# - 插入图片到Mysql出错

javascript - jQuery 无法处理 AJAX 加载的内容来显示/隐藏 div 内容

html - Font Awesome 图标在 IE 中未正确对齐

css - 为什么不溢出 :auto required for text content?

CSS 垂直对齐图像与文本不起作用 (Wordpress)