javascript - 如何在 ASP.NET 中配置面板背景图像

Question

我的网络应用程序中有一个动态背景图片 url。我使用 javascript 根据屏幕分辨率调整面板大小。但是，我的背景图像在更大的分辨率下“重复”。如何以编程方式设置我的背景图像以“适合”屏幕分辨率？

这是我在后端的 javascript:

    <script language="javascript" type="text/javascript">
    $(window).resize(function() {
        var swidth = $(window).width();
        var sheight = $(window).height();
      $("#<%=Panel1.ClientID %>").height((sheight / 1.4) + "px"); 
        $("#<%=Panel1.ClientID %>").width((swidth / 1.8) + "px");
    });
     </script>

这是结果:

Answer 1

panel.Attributes.Add("style", "background-repeat:no-repeat");
panel1.BackImageUrl = "~/Images/yourimage.png";
background-size:cover;