я только недавно закончил кодировать свой первый веб-сайт, и я хочу его разместить. Мне удалось загрузить его на веб-хостинг, но у меня проблема с css. на локалке так выглядит сайт на локальном хосте
а на сайте так выглядит сайт на хостинге
мы можем ясно видеть, что работает только часть css фоновое изображение и шрифты не работают.
в сети консоли мы видим, что ссылка для ссылки на фоновое изображение неверна вот фото ошибки
поэтому ссылка в консоли /assets/css/img/1364.webp, но должна быть /assets/img/1364.webp
Итак, первое, что я сделал, это проверить ссылку в CSS.
вот часть кода css
body {
background: url('../img/1364.webp') ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: Arial, Helvetica, sans-serif;
}
Мы видим, что URL-адрес начинается с «../», поэтому обычно он должен возвращаться из одной папки, поэтому перейдите в папку активов, где вы можете найти несколько вещей, таких как папка img. но он вообще не работает.
вот как я организую папку картинка из папки
Я пробую много вещей, таких как: изменить путь изменить фоновое изображение ... но всегда одна и та же проблема. Я говорю только о фоновом изображении, но шрифт - та же ошибка. потому что я новичок, я полностью потерялся, и я надеюсь, что это было ясно понять спасибо
спасибо за ваш ответ, я попробовал вашу версию, и она все еще не работает, ссылка стала assets/css//assets/img/1364.webp. Это действительно странно
где ты это делаешь?
Можно ли использовать абсолютный путь для вас? Использование абсолютного пути — хорошая привычка, позволяющая избежать такой проблемы.
Я видел, что вы сказали, что ссылка становится /PATH/OF/CSS//your/specified/link
, тогда это может быть конфигурация вашего хостинга, в качестве альтернативы вы можете использовать URL-адрес, например example.com/public_html/img/1364.webp
.
почему я не подумал об абсолютном пути lmao. Да работает спасибо
Попробуйте url('assets/img/1364.webp') для фона и для css assets/css/samplename.css. Обычно я делаю это в общедоступной <папке для css>, <другой папке для js> <другой папке для изображений> и т. д., тогда все страницы находятся прямо под ней, а не в папке.