У меня есть два изображения на заднем плане моего HTML документа. Один расположен вверху справа, а другой внизу слева.
На мобильном устройстве верхнее правое изображение не отображается справа вверху, оно отображается сверху и примерно на 3/4 пути вправо. Я возился с минимальной шириной, но без радости. Может кто-нибудь определить проблемы в моем коде?
CSS:
body {
background-image: url("images/bktopright.png"), url("images/bkbottomleft.png");
background-position: right top, left bottom;
background-repeat: no-repeat;
line-height: 1;
min-width: 1150px;
}
Поскольку я не уверен, какая часть текста html или css вызывает проблему, ссылка на сайт находится здесь, если у кого-то есть время проверить ее на мобильном устройстве: http://tinyurl.com/7ywoqpf
Как я могу убедиться, что фоновое изображение остается наверху ПРАВО на мобильном телефоне / столе