以aspx形式设置背景图像

Question

我必须为我的主页设置背景图片，并且我已经使用了这个css代码：

<style type="text/css">
    body {
        background-image: url('/Images/emma-maersk.jpg');
    }
</style>

但是，它不起作用。任何人都可以帮助我。

Answer 1

尝试设置其background-position和background-size：

body {
    background-image: url('/Images/emma-maersk.jpg');
    background-size: cover;
    background-position: center center;
}

检查图像是否存在。您可以在浏览器的开发人员工具中打开“网络”选项卡，并检查此图像是否已正确加载。

请注意，/Images/emma-maersk.jpg 不是相对路径，而是yourdomain.com/Images/emma-maersk.jpg。对于相对路径，您应该使用url('./Images/emma-maersk.jpg')。

Answer 2

同时在正文{}

中添加以下行

body{
background-size:cover;
background-position: 0 0 ;
}

还检查文件夹拼写和区分大小写。

Answer 3

如需添加，请background-size: 100%

Answer 4

设置背景的简写方法是

<style>
   body{
      background: url('Images/emma-maersk.jpg') no-repeat center center;
  }
</style>

Answer 5

在CSS3中使用它

 .backgroungImage {
   background: url('../imageS/background.jpg') no-repeat;
   background-size: 32px 32px;
   }

还要添加＆＃34; ..＆＃34;在给出url之前它是否存在于文件夹层次结构中。