Примечание: У меня нет доступа к JS. Это необходимо сделать с помощью CSS.Как разместить элемент относительно ширины фонового изображения
У меня есть фоновое изображение (850 x 1080), расположенное в правом нижнем углу экрана. У меня есть изображение масштабируется таким образом, что он занимает 38% ширины:
background-position: right bottom;
background-size: 38% auto;
background-attachment: fixed;
Теперь я хочу, чтобы поместить еще один элемент так, что он всегда, независимо от размера экрана, на одной линии с определенной частью фона образ. Как я могу это сделать? Я в настоящее время он установлен на заданном расстоянии от правого и нижнего края, но это не то, что я хочу:
height: 220px;
width: 155px;
bottom: 400px;
right: 400px;
My code can be found here, а часть я пытаюсь позиции в определении :hover + .hide
(строка 12). Страница, которую я пытаюсь настроить, - это мой MyAnimeList profile, где я пытаюсь выровнять обложку с красным красным мечом.
Что-то вроде этого? http://stackoverflow.com/questions/11151089/position-one-element-related-to-another-in-css " –