Css 内容更改时更改正文内容背景色_Css

Css 内容更改时更改正文内容背景色

css

Css 内容更改时更改正文内容背景色,css,Css,是否可以更改背景颜色：#97EFFC；当选择菜单项时。我希望正文内容背景在显示菜单项之前是透明的 Site.css /* Responsive: Portrait tablets and up */ @media screen and (min-width: 768px) { .jumbotron { margin-top: 20px; background-color:transparent } .body-content {

是否可以更改背景颜色：#97EFFC；当选择菜单项时。我希望正文内容背景在显示菜单项之前是透明的

Site.css
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
        background-color:transparent
    }
    .body-content {
        padding: 0;
        background-color: #97EFFC;
    }

Site.Master 
<div class="container body-content">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
                <hr />
            </asp:ContentPlaceHolder>
            <footer>
                <p>It is  <%: DateTime.Now %> at Bob's Place</p>
            </footer>
        </div>

Site.css
/*响应：肖像平板电脑及以上*/
@媒体屏幕和屏幕（最小宽度：768px）{
琼伯伦先生{
边缘顶部：20px；
背景色：透明
}
.正文内容{
填充：0；
背景色：#97EFFC；
}
地点，主人













您可以这样做，当选择菜单项时
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
      $('.nav').click(function() {
        $('body').css('background-image', 'url(images/tabs3.png)');
      });
});
</script>
</head>

jquery的简单示例：是的，使用javascript（或jquery）可以很容易地实现这一点。我们需要查看您的菜单项。感谢您的回复，但我无法使其正常工作。此功能将运行到何处。。在Site.masteron页面标题的Site.css中，您只需包含jquery并在其中调用即可。我正在更新答案。
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
      $('.nav').click(function() {
        $('body').css('background-image', 'url(images/tabs3.png)');
      });
});
</script>
</head>

$('body').css('background-color', '#97EFFC'); // background color change

$('body').css('background-color', 'rgba(255,0,0,0.5)'); // background semi transparent