Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.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 背景图像头痛_Html_Css_Image - Fatal编程技术网

Html 背景图像头痛

Html 背景图像头痛,html,css,image,Html,Css,Image,我正在尝试将我的徽标放入div/span标记/h1标记(真正的任何位置) 我正在尝试使用CSS加载图像。我几乎可以肯定我以前做过很多次。。但由于某种原因,这次不起作用了 CSS 很简单。没什么特别的。我知道图像的路径是正确的。我在写一篇精彩的文章。。但当这不起作用时,他搬到了Dreamweaver。当我在Dreamweaver中将鼠标悬停在图像URL上时,它会显示我的图像。。所以这是正确的路径 HTML 这只是我正在尝试的两个例子。我在span或div中没有内容,一旦有一个可用,我就不会同时

我正在尝试将我的徽标放入div/span标记/h1标记(真正的任何位置)

我正在尝试使用CSS加载图像。我几乎可以肯定我以前做过很多次。。但由于某种原因,这次不起作用了

CSS

很简单。没什么特别的。我知道图像的路径是正确的。我在写一篇精彩的文章。。但当这不起作用时,他搬到了Dreamweaver。当我在Dreamweaver中将鼠标悬停在图像URL上时,它会显示我的图像。。所以这是正确的路径

HTML


这只是我正在尝试的两个例子。我在span或div中没有内容,一旦有一个可用,我就不会同时使用这两个内容

我设置的宽度和高度是图像的正确大小


为什么它不会在div/span中显示为背景图像

尝试将宽度和高度更改为百分比

width: 100%; height: 100%;
或者尝试没有宽度和高度的背景图像,然后查看

至于html部分:

尝试将
添加到
然后转到css并尝试以下操作:

img { width: 100%; height: auto;}

你有没有试过用双引号把url括起来<代码>背景图像:url(“../img/logo-6.png”)是。我已经厌倦了双引号和单引号。没用。感谢您的回复。图像url可能错误。尝试在web浏览器中打开它。响应的状态码是什么?您的代码没有“错误”,它工作正常,因为我已经测试过它,并用其他东西替换了图像URL。。。是否有其他CSS样式也在其他地方使用.logo类覆盖此样式?是的,或者你的图片url/位置错了?你能从浏览器的控制台或网络选项卡上提供任何截图吗?你也可以把你的代码贴在小提琴上吗?因为我试过你的代码,一切都很好。
width: 100%; height: 100%;
img { width: 100%; height: auto;}