Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/eclipse/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 通过CSS添加时不显示GIF图像_Html_Css - Fatal编程技术网

Html 通过CSS添加时不显示GIF图像

Html 通过CSS添加时不显示GIF图像,html,css,Html,Css,我想通过CSS将GIF图像添加到我的网页中,图像大小应为100px X 100px 文件结构如下: Folder: /index.html /car.gif 我已经添加了代码的名称。有人能纠正它吗?GIF未显示在index.html: 代码 #位置{ 背景图片:url('car.gif'); 宽度:25px; 高度:25px; 位置:绝对位置; } dd 党卫军 如果未指定绝对路径,则图像(car.gif)必须与CSS位于同一目录中。因此,JS提琴是无用的。检查以确保您的文件位于

我想通过CSS将GIF图像添加到我的网页中,图像大小应为
100px X 100px

文件结构如下:

Folder:
   /index.html
   /car.gif
我已经添加了代码的名称。有人能纠正它吗?GIF未显示在
index.html

代码


#位置{
背景图片:url('car.gif');
宽度:25px;
高度:25px;
位置:绝对位置;
}
dd
党卫军
如果未指定绝对路径,则图像(car.gif)必须与CSS位于同一目录中。因此,JS提琴是无用的。检查以确保您的文件位于您建议的位置

您还可以从更明确的背景陈述中获益,例如:

background: url('car.gif') top left no-repeat transparent;
此外,如果图像的本机大小为100px x 100px,则需要调整其大小以正确查看:

background-size: 25px 25px;
我更新了另一个提琴,为你的问题添加了一个更相关的版本:

为了回答Astro的评论,我不能对帖子发表评论,因为我还没有足够的声誉。

如果不指定绝对路径,则图像(car.gif)必须与CSS位于同一目录中。因此,JS提琴是无用的。检查以确保您的文件位于您建议的位置

您还可以从更明确的背景陈述中获益,例如:

background: url('car.gif') top left no-repeat transparent;
此外,如果图像的本机大小为100px x 100px,则需要调整其大小以正确查看:

background-size: 25px 25px;
我更新了另一个提琴,为你的问题添加了一个更相关的版本:

为了回答Astro的评论,我不能对帖子发表评论,因为我还没有足够的声誉。

如果不指定绝对路径,则图像(car.gif)必须与CSS位于同一目录中。因此,JS提琴是无用的。检查以确保您的文件位于您建议的位置

您还可以从更明确的背景陈述中获益,例如:

background: url('car.gif') top left no-repeat transparent;
此外,如果图像的本机大小为100px x 100px,则需要调整其大小以正确查看:

background-size: 25px 25px;
我更新了另一个提琴,为你的问题添加了一个更相关的版本:

为了回答Astro的评论,我不能对帖子发表评论,因为我还没有足够的声誉。

如果不指定绝对路径,则图像(car.gif)必须与CSS位于同一目录中。因此,JS提琴是无用的。检查以确保您的文件位于您建议的位置

您还可以从更明确的背景陈述中获益,例如:

background: url('car.gif') top left no-repeat transparent;
此外,如果图像的本机大小为100px x 100px,则需要调整其大小以正确查看:

background-size: 25px 25px;
我更新了另一个提琴,为你的问题添加了一个更相关的版本:


为了回答Astro的评论,我不能对帖子发表评论,因为我还没有足够的声誉。

请确保文件
car.gif
存在于同一目录中,或者使用图像的绝对url


确保文件
car.gif
存在于同一目录中,或使用图像的绝对url


确保文件
car.gif
存在于同一目录中,或使用图像的绝对url


确保文件
car.gif
存在于同一目录中,或使用图像的绝对url


我已经在我的浏览器中测试了您的代码,替换了我桌面上的一个图像,图像显示出来了。 一次,只需更改其宽度和高度:

width: 25px;
height: 25px;

还有一次检查这个

例:如果我们的页面Url为:

  www.yoursite.com/css/index.php
如果将index.php替换为car.gif,请确保可以访问car.gif

  www.yoursite.com/css/cars.gif 
是否可访问

这只意味着该文件应该在同一个文件夹中


尝试一下,希望您能得到所需的结果。

我已在浏览器中测试了您的代码,替换了桌面上的图像,图像显示出来。 一次,只需更改其宽度和高度:

width: 25px;
height: 25px;

还有一次检查这个

例:如果我们的页面Url为:

  www.yoursite.com/css/index.php
如果将index.php替换为car.gif,请确保可以访问car.gif

  www.yoursite.com/css/cars.gif 
是否可访问

这只意味着该文件应该在同一个文件夹中


尝试一下,希望您能得到所需的结果。

我已在浏览器中测试了您的代码,替换了桌面上的图像,图像显示出来。 一次,只需更改其宽度和高度:

width: 25px;
height: 25px;

还有一次检查这个

例:如果我们的页面Url为:

  www.yoursite.com/css/index.php
如果将index.php替换为car.gif,请确保可以访问car.gif

  www.yoursite.com/css/cars.gif 
是否可访问

这只意味着该文件应该在同一个文件夹中


尝试一下,希望您能得到所需的结果。

我已在浏览器中测试了您的代码,替换了桌面上的图像,图像显示出来。 一次,只需更改其宽度和高度:

width: 25px;
height: 25px;

还有一次检查这个

例:如果我们的页面Url为:

  www.yoursite.com/css/index.php
如果将index.php替换为car.gif,请确保可以访问car.gif

  www.yoursite.com/css/cars.gif 
是否可访问

这只意味着该文件应该在同一个文件夹中


试试看,希望你能得到你需要的结果。

css在哪里?不仅在这个问题上,而且在“现实生活”中。由于您只有文件名而没有路径,因此图像必须与css文件位于同一文件夹中(如果它是单独的css,很难从小提琴中分辨出来)。我在问题中添加了代码。css在哪里?不仅在这个问题上,而且在“现实生活”中。由于您只有文件名而没有路径,因此图像必须与css文件位于同一文件夹中(如果它是单独的css,很难从小提琴中分辨出来)。我在问题中添加了代码。css在哪里?不仅在这个问题上,而且在“现实生活”中。因为您只有文件名而没有