Картинка поверх Input

309
13 мая 2017, 18:16

Здравствуйте! Мне нужно сделать смайлик поверх Input'а, он в формате png. Как можно это реализовать? Благодарен за любую помощь!

Answer 1

С помощью абсолютного позиционирования:

input { 
  border: 1px black solid; 
  height: 31px; 
  padding: 4px 40px 4px 4px; 
} 
 
img { 
  position: absolute; 
  margin: 4px 0 0 -37px; 
}
<input> 
<img src='https://www.gravatar.com/avatar/4284dcaa7857f5035883f7f50b1f48cd?s=32&d=identicon&r=PG'>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте hersones.com.ua
ТОП-10
READ ALSO
Delphi чем выполнить HTML с javascript
HTML

Delphi чем выполнить HTML с javascript

Что есть сейчас: локально сохранённая html страница с js, меняя в которой некоторые параметры получаем разное содержимое

 421
Не переводит части шаблона при переходе на украинский язык
HTML

Не переводит части шаблона при переходе на украинский язык

Когда выбираю украинский язык в настройках Wordpress, то частично текст в теме шаблона остаётся на английском языке, например на странице Мой...

 325
Добавление капчи Google &ldquo;я не робот&rdquo;
HTML

Добавление капчи Google “я не робот”

 280
Смена bacground-image в слайдах owl-carousel при смене слайда
HTML

Смена bacground-image в слайдах owl-carousel при смене слайда

Здраствуйте, мой вопрос вот в чем: у мнея есть слайдер, в нем есть 3 слайда, мне нужно чтобы, при смене слайда, у него менялся background-image ( пропадал,...

 293