网页背景图片答案

【问题标题】：Background Image on Webpage网页背景图片
【发布时间】：2021-05-23 21:34:54
【问题描述】：

我正在使用 netbeans 8.2 开发一个小型 Web 应用程序。通过使用 css 属性，背景图像不会显示在网页上。但是当我将相同的代码复制并粘贴到图像显示的头部元素中时。

'''

<style>
            body {
                background-image: url('assets/images/back.png');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: cover;
            }
        </style>

''' 并且css文件有 '''

body{
    background-image: url('assets/images/back.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
} '''

虽然我的 head 元素中有一个 css 文件链接 '''

<link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Optional Bootstrap Theme -->
    <link href="assets/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="assets/css/Mycss1.css" rel="stylesheet" type="text/css"/>//this is css file having body code'''

问候

【问题讨论】：

标签： html image jsp web netbeans

【解决方案1】：

当 CSS 在您的 <head> 部分中时，路由是正确的。

当你复制到不同的目录"assets/css/Mycss1.css"时，背景图片的url不正确。

您需要确保背景图片的 url 引用了正确的图片。尝试使用“../assets/images/back.png”我看不到你的文件结构，但类似的东西会起作用。

这会让你走上正轨。

【讨论】：