Html 使用div标记加载的不同页面的不同背景图像_Html_Css

Html 使用div标记加载的不同页面的不同背景图像

html css

Html 使用div标记加载的不同页面的不同背景图像,html,css,Html,Css,我正在使用标签将mainpage.html加载到index.html中，以处理多页应用程序。我需要不同的背景图像，用于不同的html页面，如mainpage、page1、page2等。有人能帮我吗 index.html 正文{ 背景：红色； } //mainpage.html $.getScript（路径+“js/MainPage.js”）；用户名密码如果您的意思是希望对body元素应用不同的背景图像，但您只能控制页面的一部分，则样式元素应该可以工作-您可能需要！重要信息要覆盖默认

我正在使用标签将mainpage.html加载到index.html中，以处理多页应用程序。我需要不同的背景图像，用于不同的html页面，如mainpage、page1、page2等。有人能帮我吗

index.html

正文{
背景：红色；
}

//mainpage.html
$.getScript（路径+“js/MainPage.js”）；

用户名


密码

如果您的意思是希望对body元素应用不同的背景图像，但您只能控制页面的一部分，则

样式元素应该可以工作-您可能需要！重要信息
要覆盖默认值：
<div id="pageport">
    <style>
        body { background-image: url('images/newbg.jpg') !important; }
    </style>
</div>


正文{背景图像：url（'images/newbg.jpg'）！重要；}
关于我的评论，我决定发布我的解决方案作为答案。我的解决方案相当简单，在body标记中添加一个类，然后根据使用的类使用外部CSS文件更改背景
e、 g:
。。。
...
//在CSS中：
身体指数{
背景：#F00；
}

然后，只需在每个不同的HTML页面中，更改body标记的类以适合您想要的背景
查看实例
如果你需要任何澄清，发表评论，我会回复你的
 您可以使用will look，而不是试图在这里发布多页演示片段。下次@manoj在您的每个文件中为我的上述问题提供任何解决方案时，您可以为正文使用不同的类，然后使用下面的CSS。index{background image:url（'http://lorempixel.com/1200/1200/sports“）；}.mainpage{背景图像：url('http://lorempixel.com/1200/1200/nature“）；}
我正在将第二页加载到pageport中。通过在第二页上使用body标记，它有两个body标记是否正确？我个人使用的方法是将类添加到body元素…
然后在CSSbody.index{背景图像：url（'link/to/img'）；}
.IDK如果这真的满足了你的需要，但从我对你的文章的理解来看，我认为应该这样做。如果不了解页面当前的功能，即当前背景图像是如何设置的，就很难知道最好的方法。它是在main.css中设置的吗？还是在MainPage.js中设置的？或者其他方式？我可能建议使用scriptinstea但是如果通过AJAX加载mainpage.html，大多数现代浏览器可能会拒绝执行其中包含的任何脚本。您可以修改currentPage.init（）吗？
<div id="pageport">
    <style>
        body { background-image: url('images/newbg.jpg') !important; }
    </style>
</div>

...
<body class="index">
...

//in the CSS:

body.index {
  background: #F00;
}