Показать изображение в браузере на весь экран в C # ASP.NET - PullRequest
Новая
       25

Показать изображение в браузере на весь экран в C # ASP.NET

0 голосов
/ 05 ноября 2011

Я хочу показать изображение на странице браузера и растянуть его так, чтобы оно заполнило всю страницу браузера.

я пробовал: 

<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) растягивает изображение на высоту, которая намного больше высоты броузера и отображается правая полоса прокрутки.

Как растянуть изображение до точного размера текущего размера страницы?

Ответы [ 2 ]

1 голос
/ 05 ноября 2011

Я нашел решение, используя HTML-тег img и CSS: http://bytes.com/topic/asp-net/answers/850635-how-stretch-background-image-fill

добавьте это на странице aspx внутри тега body: 

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

в css: 

html,body

{ поле: 0; отступы: 0; } * +1010 *

IMG { позиция: абсолютная; Z-индекс: -1; ширина: 100%; высота: 100%; }

0 голосов
/ 05 ноября 2011

Это растяжение до 100% родительского контейнера, который может быть слишком широким. Попробуйте установить значение ширины элементов body и html.

Попробуйте установить 

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

Или вы можете использовать jQuery, чтобы сначала узнать ширину родительского элемента, а затем установить для него свое изображение. С этим не нужно использовать элементы управления ASP, только CSS и jquery. 

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

Это захватит высоту родительских элементов, а затем добавит значение к значению высоты CSS

...