Question

我使用以下CSS代码：

body  
{
    background-image: url(img/tasky_pattern.png);  
}

我的图片地址是downloads/dist/image/tasky_pattern.png。我不知道我哪里出错了以及如何纠正这个问题。

感谢。

Answer 1

您需要确保您的图片存在于您的文件夹中，因此请将图片上传到./img/文件夹。然后你可以使用以下CSS代码：

body
{
    background-image: url("img/tasky_pattern.png") repeat;
}

如果您无法将图片上传到./img/文件夹，则可以将图片上传到免费文件托管网站，并使用他们提供的链接。

Answer 2

您链接到img / tasky_pattern.png的图片位于名为downloads / dist / image / tasky_pattern.png的文件夹下，但您使用的是img而不是图片

看看修正那个错字。这可能就是您的图像没有显示的原因。

要检查文件引用，请在chrome中打开您的页面并检查元素。找到说背景图像的css代码：url（img / tasky_pattern.png）;然后导航到目的地。这将为您提供浏览器地址栏中的完整URL，并显示您的路径名称出错的地方

Answer 3

css后台默认行为正在重演......

你可以指定exis

background: url('image_path'); /* it repeats itself */
// or //
background: url('image_path') repeat-x ; /* it repeats only x-exis */
// or //
background: url('image_path') repeat-y ; /* it repeats only y-exis */
// or //
background: url('image_path') no-repeat; /* no repeats */

SEE DEMO

如何使用CSS在网页的背景中添加重复的png图像？

3 个答案: