时间戳

首页 > 解决方案 > 不同的固定背景图像设置到不同的页面

html - 不同的固定背景图像设置到不同的页面

问题描述

我的网站上有 4 5 个页面，我所需要的只是background-image fixed每个页面都不同并且响应式（滚动不应影响图像位置）。
我无法将样式添加到body标签，因为它会将图像设置到所有页面。
我应该怎么办？

谢谢你。

编辑：
忘了提；所有页面都链接到一个 CSS 文件！

标签： htmlcss

解决方案

在 body 标签中使用不同的类。基于该类名称，您可以使用 CSS 设置背景图像。

例子：

第 1 页：

   <html>
       <head></head>
        <body class="page-one"> welcome to page one</body>
   </html>

第2页：

 <html>
      <head></head>
      <body class="page-two"> welcome to page two</body>
   </html>

风格：

   .page-one{
          background-image:URL("images/bg-one.jpg");
     }

   .page-two{
       background-image:URL("images/bg-two.jpg");
     }

推荐阅读