Question

我创建了一个母版页，其中包含以下css：

body { background-image:url(images/back.jpg); }

此图像是我想要在我的索引页面上显示的图像。当用户单击“下一步”按钮时，我想将图像更改为另一个图像。

我该怎么做？

Answer 1

你可以在其他页面上用新的css覆盖母版的CSS。首先加载的身体的背景图像将在背景上出现，第二个图像将被忽略。

Answer 2

您可以将标题占位符用于标题

<head>
    <link rel="stylesheet" type="text/css" href="master.css">
    <asp:contentplaceholder id="Header" runat="server" />
</head>

然后将此代码添加到NewPage.aspx

<% @ Page Language="VB" MasterPageFile="~/Master.master" Title="Content Page 1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Header" Runat="Server">
    <link rel="stylesheet" type="text/css" href="newpage.css" />
</asp:Content>

现在你可以覆盖newpage.css里面的“CSS body”

Answer 3

如果您要加载另一页没有页面刷新，那么这将有效： HTML：

<button class="next">Next</button>

jQuery的：

$(function() {
   $('.next').click(function() {
     $(body).css('background-image', 'url(images/back2.jpg)');
  });
 }):

如果从一个页面导航到第二个页面，则页面会刷新 你可以简单地指定内部css。

如何在加载第二页时更改母版页的CSS样式表

3 个答案: