加载第二页时如何更改母版页的css样式表答案

【问题标题】：How to change the css style sheet of master page when second page is loaded加载第二页时如何更改母版页的css样式表
【发布时间】：2014-02-17 17:42:13
【问题描述】：

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

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

这张图片是我想要出现在我的索引页面上的一张。当用户单击“下一步”按钮时，我想将图像更改为不同的图像。

我该怎么做？

【问题讨论】：

你试过了吗？
提供你试过的？
w3schools.com/jsref/… 你的意思是这个=？

标签： c# asp.net css button master-pages

【解决方案1】：

您可以使用其他页面上的新 css 覆盖母版页的 css。首先加载的 body 的背景图像将在背景中显示，第二个将被忽略。

【讨论】：

你也可以使用onClick事件并使用javascript更改背景图片

【解决方案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 正文”

【讨论】：

【解决方案3】：

如果您正在加载另一个页面没有页面刷新，那么这将起作用： HTML：

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

jQuery:

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

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

【讨论】：