Manohar Khillare Ответов: 2

как увеличить размер фона изображения


я создаю приложение, в котором я беру управление таблицей в этом элементе управления таблицей я применяю фоновое изображение в таблице. но размер изображения очень мал, он не отображает все изображение, он отображает только половину изображения, я хочу просмотреть все изображение, а не половину изображения. ниже я пишу исходный код управления таблицей.

<Таблица width= "30%" height= "60%" align= "center" cellpadding=" 5 "border= "0" cellspacing= " 4"
style= " background-image: url ('img/canteen.jpg'); " >

<tr>
< td align=" right "width=" 45%" >
< br / & gt;
&ЛТ;АСП:метка идентификатор="lblLoginID" атрибут runat="сервер" текст="логин"
CssClass= "label" ForeColor= "Aqua" > & lt; / asp:Label>
&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;
< / td>

&ЛТ;тд присоединяются="левой" и GT;
< br / & gt;
в <предварительно&ГТ;&ЛТ;/пре&ГТ;&ЛТ;АСП:текстовое поле с ID="txtLoginID" атрибут runat="сервер" CssClass="текстовое поле" ширина="148px"
></asp: текстовое поле>
< / td>
< / tr>
<tr>
&ЛТ;тд ширина="45%" выровнять="право"и GT;
&ЛТ;АСП:метка идентификатор="lblPassword" атрибут runat="сервер" текст="пароль"
CssClass= "label" ForeColor= "Aqua" > & lt; / asp:Label>
&nbsp;
< / td>
&ЛТ;тд присоединяются="левой"и GT;
&ЛТ;АСП:текстовое поле с ID="txtPassword" атрибут runat="сервер" текстовую="пароль" CssClass="текстовое поле" ширина="149px" &ГТ;&ЛТ;/АСП:текстовое поле&ГТ;
< / td>

< / tr>
<tr>
&ЛТ;тд атрибуты colspan="2" выравнивают="центр"и GT;
<asp:ImageButton ID= "btnSubmit" runat=" server "Text=" Login"
Url_изображения ="~/img/lo1.jpg" высота="30 пикселей" функция onclick="btnSubmit_Click" /&ГТ;

< / td>
< / tr>

< / Таблица>

2 Ответов

Рейтинг:
12

ramukhsakarp

Я думаю, что вы используете изображение с более высоким разрешением ('img/canteen.jpg') ,
попробуйте изменить размер изображения в соответствии с размером вашей таблицы

и использовать

фон-позиции: центр; фонового изображения: URL-адрес('img/canteen.jpg'); фон-повторить: не повторять

это должно сделать трюк


Рейтинг:
1

Member 12656556

Чтобы сделать фон полноразмерным, пожалуйста, дайте {width: 100%; height:100%; background-size: cover;} для изображения,но ширина изображения меньше, чем экран означает, что изображение не выглядит хорошо.


Richard Deeming

Этот вопрос был задан, на него ответили, и он был решен. ЧЕТЫРЕ ГОДА НАЗАД.