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

Question

我的网络应用程序中有一个动态背景图片网址。我根据屏幕分辨率使用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;