.brief1 {opacity: 0;position: absolute;transition: all 0.7s ease 0s;background-color: rgba(0, 0, 0, 0.85);width: 100%;height: 100%;border-radius:5px;} .brief1:hover {opacity: 1;} .brief1 a {color:#fff;} /* end */
Пример: bojiysvet.do.am Проблема в том, что картинка не полностью умещается. Пробовал background-size: cover и background-size: 100%. Не помогло( Можете помочь?
Идею подать? Вместо блока - картинку, картинке - position: absolute; и width: 100%; height: 100%; Все. Всегда будет помещаться, единственное, пропорции не сохраняются. Для сохранения пропорций - картинку фоном + background-size: cover или contain и background-position: 50% 50%;