在C＃中以全屏模式在浏览器中显示图像ASP.NET

Question

我想在浏览器页面中显示图像并对其进行拉伸，以便填充整个浏览器页面。

我尝试：

<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg" Width="100%" Height="100%"></asp:Image> 

和使用也尝试的CSS：

<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg" CssClass="myimage1"></asp:Image> 

并在CSS：

.myimage1 {高度：100％;宽度：100％;}

在这两种情况下，浏览器（IE9），拉伸图像的高度远远大于传统高度显示右侧滚动条。

如何将图像拉伸至当前页面大小的确切大小？

Answer 1

我发现使用IMG HTML标签和使用CSS的解决方案： http://bytes.com/topic/asp-net/answers/850635-how-stretch-background-image-fill

添加此

<img src="Styles/mypic.jpg" alt="" /> 

在CSS

：

body标签里面的aspx页面内

html,body 

{ margin：0; 填充：0; }

img { position：absolute; z-index：-1; 宽度：100％; 身高：100％; }

Answer 2

它伸展到父容器的100％，可能太宽。尝试设置body和html元素的宽度值。

尝试设置

html, body { width: 100%; height: 100%; } 

或者你可以使用jQuery先找出父元素的宽度，然后你的形象设置了这一点。无需使用ASP控件，只需使用CSS和jquery。

$newheight = $('#yourimageid').parent().height(); 
$('#yourimageid').css('height', $newheight); 

这会抢了父元素的高度，然后附加价值的CSS高度值