在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高度值