Я пытаюсь отобразить изображение в качестве фона в css для моего топового раздела. Проблема заключается в том, что следующий код:
.masthead {
position: relative;
/*min-height: 70rem;*/
background: linear-gradient(to bottom, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0.1) 100%, #161616 100%), url("../img/WorkerwithHelmetAssureLogo.jpg");
background-position: center;
background-repeat: no-repeat center;
background-attachment: scroll;
background-size: cover;
}
Все, что не отображается в окне просмотра, обрезается.
Когда я пытался использовать background-size: Содержать;, изображение становится видимый, но становится фрагментированным, и его части отображаются, чтобы заполнить промежутки, которых нет в исходном изображении.
Я также пытался задать размер и ширину заданного фона в 100%, но ни один из них не работает. Может кто-нибудь помочь мне разобраться, что я делаю не так?