我有下面的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元素中的类来更改背景图像。
https://stackoverflow.com/questions/50706713
复制相似问题