gpt4 book ai didi

html - 如何去除背景图像中的
失真

转载 作者:太空宇宙 更新时间:2023-11-04 05:35:44 25 4
gpt4 key购买 nike

在 CSS 和 HTML 中,向下滚动时如何避免背景图像失真?

我的代码大纲如下:HTML

* {
margin : 0;
background-image : url("images/background_6.jpg");
color : lightgrey;
}
<body>
<div>
<header>
<h1> Heading ONE </h1>
<h2> Something Else </h2>
</header>

<nav>
<a href=""> Home </a>
<a href=""> Something </a>
<a href=""> Something else </a>
</nav>

<section>
<p> this section is for one paragraph</p>
</section>

<section>
<p> this section is for one paragraph </p>
</secton>

<section>
<p> this section is for one paragraph </p>
</secton>

<section>
<p> this section is for one paragraph </p>
</secton>
</div>
</body>

我需要消除每个或更准确地每个 block 中的失真。

Here's the image of what I mean

最佳答案

在您的代码中,您向页面上的每个元素添加了背景图像,还有 部分。结果是“扭曲”。

body{
margin : 0;
background-image : url("images/background_6.jpg");
background-repeat: none;
color : lightgrey;
}

如果你想为你的标题一个单独的图像做这样的事情:

   body{
margin : 0;
background-image : url("images/background-body.jpg");
background-repeat: none;
color : lightgrey;
}

header{
margin : 0;
background-image : url("images/background-header.jpg");
background-repeat: none;
color : lightgrey;
}

关于html - 如何去除背景图像中的 <div> 失真,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59694668/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com