Блог

С помощью этого приложения службы поддержки, которое я создал, я пытаюсь использовать an MacbookBackbround.jpg в качестве фонового изображения веб-сайта, чтобы избавиться от пробелов. Я пробовал следующий код безрезультатно:

 <div>
    <style>
        .main-content {
            background-image: 
            url('../../../../wwwroot/images/MacbookBackground.jpg');
        }
    </style>
</div>
  

Я также попытался изменить код theme.css и попытался изменить .container, но безрезультатно.

https://github.com/zhadjah9559/HelpDeskTicket/tree/3.LoginAndDB

Хотя немного неясно, с чем именно у вас возникли проблемы, я могу сказать вам, что для создания фонового изображения вам нужно сделать немного больше, чем просто добавить свойство background-image . В вашем CSS вы добавляете свойство background-image к своему HTML-элементу со ссылкой на ваш файл изображения. Если вы хотите, чтобы ваше изображение заполняло все окно браузера и располагалось по центру, вам нужно будет добавить свойства height, background-position, background-repeat и background-size .

CSS

    html {
        background-image: url("some_img.jpg");
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }