Question

我在应用程序的布局之一中使用了CSS类来将图像显示为整个页面背景。

<body class="image">

我正在使用图像的集合，并且希望在每次加载页面时随机更改图像。我在使用上述布局的页面中使用以下Java脚本代码段：

<script>
    var rand = Math.floor(Math.random() * 50) + 1;
    $("<style/>", { text: ".image {background: url(/images/covers/" + rand + ".jpg); background-repeat: no-repeat;background-position:center center;background-size: cover;"}).appendTo('body');
</script>

一切正常，但是在页面加载时图像加载缓慢（大约5或6秒）。我最指出的是，这种缓慢加载仅在应用程序通过IIS运行时发生。当我从Visual Studio运行该应用程序时，图像以可接受的速度变化。而且我应该补充一点，当在CSS类中仅使用一个静态图像覆盖页面背景时，它的加载速度非常快（在IIS和VS中）。

有什么想法吗？

我的ASP.NET Core应用中的CSS背景图像加载非常慢

0 个答案: