Question

当我将图像作为背景添加到我的HTML body标签时，我将图片的缩放视图作为背景。如何使实际图像适合窗口作为背景图像？我尝试了这个但没有工作

<body background="home_back.jpg" class="img-fluid" alt="Responsive image" >

谢谢。

Answer 1

你为css尝试了什么？

这是您可以使用的一种方法。

<body background="http://images.fineartamerica.com/images-medium-large-5/3-american-bald-eagle-in-flight-michel-soucy.jpg" class="img-fluid" alt="Responsive image">

.img-fluid {
    width: 100%;
    background-repeat:no-repeat;
    background-size:100% 500px; 
}

css将使图像占据整个屏幕，并使其仅显示一次。 CSS Trick's full page bg images也可能是一个很好的阅读:)

使背景图像适合窗口

1 个答案: