问切换背景图片MVC
EN

Stack Overflow用户

提问于 2018-06-06 02:27:42

回答 1查看 190关注 0票数 0

我有下面的css定义来加载背景图像。

body, html {
background-repeat: no-repeat;
background-image: url("../images/image1.png");
background-size: 100%;
}

背景图像现在显示在每一页上。但是，我们希望针对不同的应用程序在"image1.png“和"image2.png”之间进行切换。有没有一种简单的方法可以通过在_layout.cshtml文件中添加一些JavaScript代码和一个按钮来切换图像？

发布于 2018-06-06 02:51:52

以一种简单的方式，在css中有两个body类，并将不同的图像路径放在那里。

body.background1 {
  background-image: url("../images/image1.png");
}
body.background2 {
  background-image: url("../images/image2.png");
}

然后，您可以通过替换javascript中的body元素中的类来更改背景图像。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50706713

复制

相似问题

问切换背景图片MVCEN