gpt4 book ai didi

html - 当我尝试使用 css/html 在我的网站上获取背景时,它不会显示背景

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

我想了解我的网站 BJBGaming1.com 的背景,我有这个

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>BJBGaming1</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet"
href="http://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.min.css">
</head>
<body>

如果你看我有 css/main.css 部分,它有这个代码

html {
min-height:100%;
min-width:100%;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
}
body {
background-image:url('../img/background.png');
background-repeat:no-repeat;
background-size:cover;
}

我有一张与名称 background.png 相匹配的图像,它是 1 个文件夹并返回到 img 文件夹中,所以我有 ../img/background.png 但背景仍然不会显示,请有人帮忙。

最佳答案

您可以尝试对 background-image 使用 !important 因为 foundation.css 已经将您的背景图像覆盖为 #fefefe

html {
min-height:100%;
min-width:100%;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
}
body {
background-image:url('../img/background.png') !important;
background-repeat:no-repeat;
background-size:cover;
}

您也可以在 foundation.css 之后加载您的 main.css 文件

<link rel="stylesheet" href="http://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.min.css">
<link href="css/main.css" rel="stylesheet" type="text/css">

关于html - 当我尝试使用 css/html 在我的网站上获取背景时,它不会显示背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33942891/

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