gpt4 book ai didi

css - 背景图像未显示在标题中

转载 作者:太空宇宙 更新时间:2023-11-04 02:20:37 25 4
gpt4 key购买 nike

我想将背景图像添加到 <header>标记,但图像不显示。

header {
background-image: url("/img/header-bg.jpg");
background-repeat: repeat-x;
width: 100%;
height: 105px;
background: #fff;
position: relative;
display:block
}

当我转到 Chrome 中的开发人员工具时,我可以看到图像的 URL 很好(我可以看到图像),但让我感到困惑的是,当我添加

background-image: url("/img/header-bg.jpg");
background-repeat: repeat-x;

作为 header 的新样式规则在 Chrome 中,显示背景图片。

最佳答案

background 属性更改为 background-color 或在不需要时将其完全删除。

background is a short hand css property, It will override all other previous styles.

您的代码应该是:

header {
background-image: url("/img/header-bg.jpg");
background-repeat: repeat-x;
background-color: #fff;
width: 100%;
height: 105px;
position: relative;
display:block

或简写形式如下:

header {
background: #fff url("/img/header-bg.jpg") repeat-x;
width: 100%;
height: 105px;
position: relative;
display:block

关于css - 背景图像未显示在标题中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38180418/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com