Html 通过CSS添加时不显示GIF图像
我想通过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提琴是无用的。检查以确保您的文件位于
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在哪里?不仅在这个问题上,而且在“现实生活”中。因为您只有文件名而没有