Мне нужно спозиционировать фоновое изображение таким образом, чтобы правая половина экрана была без фона, а левая половина была с фоновой картинкой.
background-position: bottom 200px right 50% !important;
Работает неадекватно и фон ставится по центру блока. Задача вроде легкая но туплю
Нужно именно, чтобы не менялся оригинальный размер фоновой картинки, а лишнее просто заходило за левый край экрана
Фон слева, справа ничего, правый край всегда находится по середине. Достигается этот эффект при помощи сдвига на 50 вьюпорт-единиц от правого края.
body {
margin: 0;
background-image: url(http://placeimg.com/1200/1200);
background-repeat: no-repeat;
background-position: right 50vw top;
}
Например вот так:
div{
position: relative;
height:200px;
background-color: #eee;
}
div:before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 50%;
background-image: url('https://cdn.sstatic.net/Sites/stackoverflow/img/error-lolcat-problemz.jpg');
background-position: center right;
background-size: inherit;
background-repeat: no-repeat;
}
<div></div>
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Виртуальный выделенный сервер (VDS) становится отличным выбором
Столкнулся с ошибкой: unknown option '--no-beep', вычитал, что нужна правка конфигурационного файла myini
Имеется бэкап баз данных размером чуть более 2GbБэкап сделан штатными средствами через mysqldump
Имеется скрипт который берет с БД по одному значению и пробегается от начала и до конца