Попытка вставить картинку во внешний Css с помощью элемента id, ответ на решение не работает - PullRequest
0 голосов
/ 24 апреля 2020

Путь к изображениям точно такой, каким он напечатан, но все равно не может видеть никаких результатов. Занимайтесь этим дольше, чем вменяемое, и ничто не сработало после бесчисленных уроков и просеивания форумов. ps Путь читается следующим образом C: \ users \ my_name \ Desktop \ Consoles \ Html Cheatsheet \ Html упражнение \ Images \ Pain Stake barebones.

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/css%style.css">
</head> 
<body>

    <div id="picture-css">````





    </div>


</body> 
</html>
`` `` <pre> #picture-css { width:900px; height:auto; background-image:url(../Images/Pain Steak barebones.png); } `` ``

1 Ответ

1 голос
/ 24 апреля 2020

background-image:url('../Images/Pain Steak barebones.png');

работает, но чтобы доказать это, попробуйте также установить: min-height:200px;

, поскольку height:auto; не вызывает ненулевую высоту.

У меня есть рабочий пример: http://xcc.me/222/

ОБНОВЛЕНИЕ:

% в href="css/css%style.css" - это специальный символ, который не будет работать самостоятельно , поэтому, если вы не можете переименовать css%style.css в HTML, вы можете записать его как

<link rel="stylesheet" href="css/css%25style.css">

, так как версия % с кодировкой Urlen %25 в UTF8, и это будет работать.

Пример: http://xcc.me/223/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...