Я могу добавить изображение к кнопке ASP.NET?

Atom имеет встроенный селектор селектора окончания

Подробнее здесь: https://github.com/atom/line-ending-selector

28
задан Tim S. Van Haren 24 March 2010 в 18:31
поделиться

6 ответов

Почему бы не использовать элемент управления ImageButton ?

31
ответ дан 28 November 2019 в 03:32
поделиться

Хотя вы можете «заменить» кнопку изображением, используя следующий CSS ...

.className {
   background: url(http://sstatic.net/so/img/logo.png) no-repeat 0 0;
   border: 0;
   height: 61px;
   width: 250px
}

... лучшее, что можно сделать здесь, это использовать элемент управления ImageButton, потому что он позволит вам использовать альтернативный текст (для доступности).

4
ответ дан Josh Stodola 28 November 2019 в 03:32
поделиться

Я не знаю, правильно ли я понимаю, в чем проблема. Вы можете добавить изображение в кнопку ASP, но это зависит от того, как оно настроено и правильно ли оно вписывается. регулярное добавление фоновых изображений в кнопки asp дает вам изящную кнопку или фоновое изображение с наложением текста, поскольку в нем отсутствует тег изображения. например, изображение с надписью «ОТПРАВИТЬ ЗАПРОС».

Как простой способ сделать это, я использую файл «blankspace.gif» на своем веб-сайте. Это пустой GIF-файл размером 1x1 пикселя, и я изменяю его размер, чтобы заменить изображение на сайте.

Так как я не использую CSS для замены изображения, я использую CSS Sprites для уменьшения количества запросов. Мой веб-сайт изначально был размером 150 КБ для домашней страницы и имел около 140-150 запросов на загрузку домашней страницы. Создавая спрайт, я убил запросы, сжавшие размер изображения до доли размера, и он отлично работает, и в любой из областей, где вам нужен файл изображения для правильного размера, просто используйте то же самое изображение blankspace.gif.

<asp:ImageButton class="signup" ID="btn_newsletter" ImageUrl="~/xx/xx/blankspace.gif" Width="87px" Height="28px" runat="server" /

Если вы видите выше, класс загружает фоновое изображение в css, но это оставляет кнопку с текстом «submit Query» поверх нее, так как для этого нужно изображение, поэтому замена его на предварительно загруженное изображение означает, что вы избавились запроса и до сих пор изображение в CSS.

Готов.

1
ответ дан Chris 28 November 2019 в 03:32
поделиться
.my_btn{ 
  font-family:Arial; 
  font-size:10pt; 
  font-weight:normal; 
  height:30px; 
  line-height:30px; 
  width:98px; 
  border:0px;
  background-image:url('../Images/menu_image.png'); 
  cursor:pointer;
}

<asp:Button ID="clickme" runat="server" Text="Click" CssClass="my_btn" />
0
ответ дан Shawn Chin 28 November 2019 в 03:32
поделиться

Предполагая, что класс Css - «изображение»:

input.image { 
  background: url(/i/bg.png) no-repeat top left; 
  width: /* img-width */; 
  height: /* img-height */ 
}

Если вы не знаете, какова ширина и высота изображения, вы можете установить это динамически с помощью javascript.

0
ответ дан 28 November 2019 в 03:32
поделиться

На самом деле я предпочитаю использовать элемент формы html button и сделать его runat=server. Элемент button может содержать другие элементы внутри себя. Вы даже можете добавить форматирование внутри него с помощью span'ов или strong'ов. Вот пример:

<button id="BtnSave" runat="server"><img src="Images/save.png" />Save</button>
3
ответ дан 28 November 2019 в 03:32
поделиться
Другие вопросы по тегам:

Похожие вопросы: