-1

我是编码的初学者，我从以下网站学习编码：ProgrammingKnowledge youtube 频道。我想制作一个可以工作的背景拉伸图像，但它会自我重复。我在谷歌搜索这些工作都没有。他们只是把我的文字放在背景下，掩盖文字。请问有人能告诉我代码吗？img 在我的文件夹中，我的代码在这里： http: //pastebin.com/ptybcjcg

4

3 回答 3

2

我想你是这个意思。将此添加到具有背景的事物的 css 中：

.classname{
    background-size: cover;
}

另一个可能是您想要的 background-size 属性是

background-size: contain;

我希望这可以帮助你。

于 2014-10-09T13:18:22.737 回答
0

我想你正在寻找：

.my-selector {
    background-image: url(/path/to/my-image.png);
    background-size: cover;
}

这是 CSS 中的一个相当新的选项，如果图像位于<body>HTML 标签上，iOS Safari 中会出现错误。它在 Internet Explorer 8 中也根本不起作用，因此如果您想支持该浏览器，您可能需要一些 JavaScript 才能使其在其中工作。

于 2014-10-09T13:18:31.807 回答
0

如果您希望将图像应用于正文，并且您应该使用 CSS，而不是 body 标签的背景属性，请添加此属性，HTML5 不支持该属性。见这里。

将此 CSS 添加到头部的样式部分

body{
background:url(extremeprison.png);
background-size:cover;
}

如果你使用 background-size:contain 并且内容的高度比图像的高度长background-repeat:no-repeat;，如果你愿意，也可以使用，以避免图像重复。

此外，不要使用过度限定的 CSS 选择器div.loginsectiontext，如.loginsectiontex

这里是更新的整个代码

还有一件事：尽量不要忘记 a ;ever，因为当有多个属性时它可能会出现问题，并且可能会给您带来问题。

并将<style>part 和 the <title>in the in<head>而不是 body，这是一个更好的做法。

希望能帮助到你 ：）

于 2014-10-09T13:43:57.730 回答