如何在PHP文件中设置同目录JPG图片为页面背景？

你之前直接在body标签开头加背景没显示，大概率是写法不对或者路径/样式优先级的问题。下面给你几种靠谱的实现方式，适配你当前的代码结构：

方法1：给body标签加内联样式 #

直接在body标签里通过style属性设置背景，注意要写全必要的CSS属性：

<body style="background-image: url('your-image.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;">

• 把your-image.jpg换成你实际的图片文件名（比如bg-main.jpg）
• 额外添加的background-size: cover能让图片铺满整个页面，background-position: center保证图片居中显示，background-repeat: no-repeat避免图片重复拼接，这些属性能让背景显示更美观。

方法2：在head里添加内部CSS #

如果不想用内联样式，也可以在<head>里嵌入<style>标签写CSS，这样代码更整洁：

<head>
  <meta charset="UTF-8">
  <title>SUNRISE ADMIN</title>
  <link rel="stylesheet" href="css/style.css">
  <style>
    body {
      background-image: url('your-image.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      /* 避免页面内容过少时，背景只显示部分区域 */
      min-height: 100vh;
      margin: 0;
    }
  </style>
</head>

方法3：修改外部CSS文件（style.css） #

如果你习惯用外部样式表管理样式，直接在css/style.css里添加body的背景样式即可：

body {
  background-image: url('../your-image.jpg'); /* 注意路径：style.css在css文件夹，需用../回退到根目录找图片 */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  margin: 0;
}

⚠️ 这里要特别注意路径！因为style.css在css子目录中，引用根目录的图片必须用../回到上一级，否则会默认去css/your-image.jpg找图片，自然找不到。

排查背景没显示的常见原因 #

1. 路径错误：确认图片文件名和大小写（服务器通常区分大小写，比如Bg.jpg和bg.jpg是不同的），且图片确实和你的PHP文件在同一个目录。
2. 样式被覆盖：如果外部style.css已经给body设置了背景，你的内联/内部CSS可能优先级不够，可临时加!important排查（不推荐长期使用，建议调整样式结构）：

   background-image: url('your-image.jpg') !important;
   

3. 图片损坏：确认JPG图片能正常打开，没有格式损坏。

内容的提问来源于stack exchange，提问作者Rajan Keari