css - 没有滚动的背景中心

标签 css

我想放置一张图片作为背景,我也应用了

background-size:cover

用于无滚动。问题是当我以不同的分辨率查看页面时,整个图片(全宽)显示而不是中心部分(蓝色边框区域),是否有任何可能的方法可以将图像设置为背景而不滚动并且图像将保持中心对齐。 enter image description here

这张图片可能更具体地描述了我想问的问题。我只想以任何分辨率修复此图像,但蓝色边框区域必须保持居中对齐,

最佳答案

您可以将 background-position: center centerbackground-size: cover 结合使用。

关于css - 没有滚动的背景中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29699585/

相关文章:

javascript - 如何将内容加载到导航栏上的节元素中单击

css - 可定制的CSS

css - 如何将边框扩展到页面底部?

javascript - jQuery sortable 将内容下推

php - 相对超链接失败

html - 提供border-collapse来collapse影响overflow hidden

javascript - Angular 6 中的 CSS 间距问题

html - CSS3 - 如何为多个部分制作倾斜背景?

jquery - 将鼠标悬停在链接上时更改网站上的文本

css - 为什么图像在宽度设置为 100% 时会不断复制?如何解决这个问题?