Привязка изображения сверху в CSS при изменении размера окна

#html #css #electron

#HTML #css #электрон

Вопрос:

Есть ли способ привязать изображение сверху при изменении размера окна?

Взгляните на этот пост в Imgur. Когда я изменяю размер окна, оно привязывается от центра, что увеличивает масштаб изображения до центра. Это круто, но конечная цель здесь — увеличить его сверху. Я хочу иметь возможность видеть текст «Луна Ли» и «Опаловый ангел», даже если экран широкий.

Я хочу, чтобы конечная цель выглядела как этот скриншот, где вы все еще можете видеть текст, даже если окно не квадратное (эта концепция была изменена top: 30%; , но это вызывает проблему с тем, чтобы сделать фон похожим на это в маленьком окне).скриншот

Ответ №1:

Я считаю, что вы ищете object-position :

 object-position: 0 0;
  

Комментарии:

1. К сожалению, это не сработало, но я посмотрел, и это правильная концепция. Я посмотрю, что я могу сделать, спасибо!

2. @kyleawayan Это должно быть применено к самому изображению, а не к содержащему div или аналогичному, если произошла какая-либо путаница. Дайте нам знать, что работает для вас!

3. Я попытался добавить его к изображению в инструментах разработчика Chrome, он по-прежнему не работает : ( Вероятно, это связано с другим CSS. Вот CSS, который я пытаюсь настроить, изображение находится под bg и bg img : github.com/Gabe-H/Gemini/blob/fix-background/style.css

4. @kyleawayan Пожалуйста, укажите соответствующие HTML и CSS в вашем вопросе.

5.HTML CSS