Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 在标题中定位图像

Html 在标题中定位图像

html css

Html 在标题中定位图像,html,css,Html,Css,我想把图像放在标题里面。目前，显示图像的顶部，我想显示图像的中间部分。top属性使图像剪辑覆盖父框。请看一下我的代码 HTML: CSS: .header{ 位置：相对位置； 宽度：100%； 身高：20%； 背景颜色：灰色； } .收割台内部{ 位置：绝对位置； 背景图片：url（../images/img.jpg）； 宽度：100%； 身高：100%； } 如果要显示图像的中间部分，可以在.header-inner上使用。您可以指定一个自定义百分比，也可以简单地centerit 背景位置

我想把图像放在标题里面。目前，显示图像的顶部，我想显示图像的中间部分。
top
属性使图像剪辑覆盖父框。请看一下我的代码

HTML:
CSS:

.header{
位置：相对位置；
宽度：100%；
身高：20%；
背景颜色：灰色；
}
.收割台内部{
位置：绝对位置；
背景图片：url（../images/img.jpg）；
宽度：100%；
身高：100%；
}
如果要显示图像的中间部分，可以在
.header-inner
上使用。您可以指定一个自定义百分比，也可以简单地
center
it

背景位置：中间；
如果设置
位置：绝对
，则块将覆盖其他块。所以只需设置
z-index:-1至
。收割台内部
我使用的Ah
背景位置：中间以前，但出于某种原因，没有考虑输入自定义值。谢谢