html — Размер фона и положение фона в теге img
спросил
Изменено 2 года, 3 месяца назад
Просмотрено 16 тысяч раз
У меня есть изображение, которое можно обрезать с помощью библиотеки JS. lib возвращает x,y, ширину и высоту выделения.
Изначально логика заключалась в том, что несколько загруженных изображений (в ) располагались рядом с небольшими кнопками редактирования над ними, которые открывали всплывающее окно с логикой обрезки. Однако теперь спецификация должна иметь предварительный просмотр того, что было обрезано.
Вопрос — есть ли способ сделать это без переключения всех Если вас не интересует IE, вы можете использовать Лучший способ добиться этого — использовать любой элемент html в сочетании с атрибутом фона css. Неважно, какой элемент вы используете, это может быть любой (см. w3.org/TR/CSS2/colors.html), включая тег img, как показано в следующем примере: Обратите внимание: если вы используете тег изображения, вам необходимо удалить атрибут Тем не менее, я бы порекомендовал вам использовать JavaScript-библиотеку/плагин вместо того, чтобы писать что-то самостоятельно. Есть куча решений: Требуется, но не отображается Требуется, но не отображается Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения. спросил Изменено
1 год, 6 месяцев назад Просмотрено
50 раз В настоящее время я просматриваю баннер веб-сайта с помощью инструментов разработчика Chrome (проверка). Я заметил, что определенный баннер имеет следующий набор правил в своем CSS: Это просто формальность?. Потому что, когда я удалил три свойства фона и установил От начинающего разработчика. Спасибо У этого баннера плохой CSS. Итак, Как вы упомянули, В использовании ключевых слов нет ничего плохого, но если вы только начинаете работать с CSS, я настоятельно рекомендую вам привыкнуть к использованию процентов. Источник: https://developer. Требуется, но не отображается Требуется, но не отображается Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения. на
3 объект-подгонка и объект-позиция : img {
объект подходит: обложка;
положение объекта: по центру сверху;
}
5
В этом атрибуте вы можете определить поля как размеры для позиционирования и изменения размера фонового изображения. В вашем случае этот элемент будет иметь ширину и высоту, заданные вашей библиотекой урожая. Положение фонового изображения будет x и y (тоже из библиотеки), но инвертировано.
src (например, с помощью JavaScript). В противном случае фоновое изображение не будет видно.
1 Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя электронную почту и пароль Опубликовать как гость
Электронная почта Опубликовать как гость
Электронная почта
javascript — Положение фона изображения в CSS
баннер{
фоновая позиция: снизу;
фоновая позиция-х: центр;
фоновое положение-y: центр;
}
background-position: center , баннер никак не пострадал.
1
background-position является сокращением для background-position-x и background-position-y . баннер {
фоновое положение: нижнее;
фоновая позиция-х: центр; /* Это ничего не делает, потому что x стал 'центром', когда он был опущен выше. */
фоновое положение-y: центр; /* Это переопределит ранее установленное «нижнее» значение */
}
background-position: center выполняет ту же работу, поскольку и x, и y будут «центральными».
(Вы поблагодарите меня позже, когда вам понадобится более точное позиционирование с помощью calc() . фон: 0% 100% = фон: слева внизу
фон: 100% 0% = 900 13 фон : справа вверху
фон: 50% 50% = фон: центр по центру 
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google Зарегистрироваться через Facebook Зарегистрируйтесь, используя адрес электронной почты и пароль Опубликовать как гость
Электронная почта Опубликовать как гость
Электронная почта
