Question

这是我正在使用的代码。我想设置一个带有图像背景的标题，但是当我设置身体背景时，它会消失：S。我做错了什么？

<body>
<div id="bg">
    <img src="img/bodyBackground.png">
</div>

<header>
    <div class="container">
        <h1>Bienvenidos a JVasconcelos.me</h1>
    </div>
</header>
</body>

这只是HTML代码，这是我正在使用的CSS：

#bg { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; }
#bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0;     margin: auto; min-width: 50%; min-height: 50%; }

Answer 1

这个答案适用于您希望保持标记的方式。

这是因为标题隐藏在背景后面。您想要设置z-index。因此，z-index: 0;添加#bg。然后将以下样式添加到标题中：

position: relative;
z-index: 1;

Answer 2

使用css将背景图像添加到body中，它将显示出来。

然后你可以用标题{background：url（x）no-repeat;设置一个新的背景图像。 }

＆＃13;

<body>

<header>
    <div class="container">
        <h1>Bienvenidos a JVasconcelos.me</h1>
    </div>
</header>
  
  </body>

＆＃13;

Answer 3

而不是手动调整img作为标题的背景，为什么不使用此标记设置背景图像？ INSERT INTO test (a,b,c) values (1,2,3); SELECT LAST_INSERT_ID();

我设置身体背景时隐藏了标题

3 个答案: