Question

我在一个html文档的正文中添加了一个BG图像。在配置大小和其他属性后，头部和列表刚刚删除了自己。我通过网络检查员查看了网页索引文件，他们在那里。只是没有显示。

并想出为什么会发生这种行为？

如果你们需要查看代码，请问。

提前感谢...

〜Ryozaki

Answer 1

一些HTML问题......

您的<title>需要进入<head></head>代码。
您无法在<div>代码之间添加<head></head>代码。
您错过了结束</head>代码

试试这个：

在<head>代码前插入<title>代码。
然后在<head>之后将</title>标记更改为</head>

Answer 2

您需要查看positioning规则

如果您将某个元素定位为absolute，它将覆盖其下方的所有元素，除非您将下面的元素定位到absolute或将relative置于z-index 1}}大于0.

但是对于您的特定情况，您不需要为图片添加absolute定位，只需将其保留为static即可解决您的问题。

这是你的css代码修改和工作（作为你的小提琴）：

@font-face {
    font-family: 'FlexDisplay-Thin';
    src: url('mywebsite/fonts/FlexDisplay-Thin');
    src: local('?'), url('FlexDisplay-Thin') format('ot'), url("FlexDisplay-Thin") format('truetype'), url(FlexDisplay-Thin) format('avg');
}

h1
{   
    font-family: 'FlexDisplay-Thin', arial, sans-serif;
}

#bg {   
    position: static;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}
#bg img {   
    position: static;
    margin: auto;
    min-width: 50%
    min-height: 50%;
    z-index:0
}

#navigation{
    width: 550px;
    height: 35px;
    font-size; 16px;
    font-family: 'FlexDisplay-Thin', arial,sans-serif;
    text-align; center;
}

背景图像隐藏标题和导航

2 个答案: