ЛЮДИ это чтото странное... помогите пж

Question

Я начал проект...Если кратко, то черная картинка рендерится белой (иль прозрачной хз) если попытаться выделить ее в браузере выделяется, но как это решить?! попробовал и svg и png но НИЧЕГО

/*я тут весь css собрал*/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat-Medium'), local('Montserrat-Medium'), url(../fonts/Montserrat-Medium.ttf) format('ttf');
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.wrap-1{
    margin: 0 98px;
}

.wrap-2{
    margin: 0 368px;
}
.header-wrap{
    margin-top: 38px;
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/import.css">
    <title>index</title>
</head>
<body>
<header class="header">
    <div class="header-wrap wrap-1">
        <img src="./img/header/logo.svg" alt="">
    </div>
</header>
</body>
</html>

Картинка вот

Answer 1

Всё работает. Видимо проблема в путях до файла, т.е. некорректно указан путь до картинки

/*я тут весь css собрал*/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat-Medium'), local('Montserrat-Medium'), url(../fonts/Montserrat-Medium.ttf) format('ttf');
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.wrap-1{
    margin: 0 98px;
}

.wrap-2{
    margin: 0 368px;
}
.header-wrap{
    margin-top: 38px;
}

img {
  width: 200px;
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/import.css">
    <title>index</title>
</head>
<body>
<header class="header">
    <div class="header-wrap wrap-1">
        <img src="https://i.ytimg.com/vi/2giQVPIl9JM/maxresdefault.jpg" alt="">
        
        <img src="https://svgx.ru/svg/1296305.svg" alt="">
        
        <img src="https://i.stack.imgur.com/qMrkg.png" alt="">
        
    </div>
</header>
</body>
</html>

Answer 2

Ну вот, картинка отображается черной. Проблема решена?

/*я тут весь css собрал*/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat-Medium'), local('Montserrat-Medium'), url(../fonts/Montserrat-Medium.ttf) format('ttf');
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.wrap-1{
    margin: 0 98px;
}

.wrap-2{
    margin: 0 368px;
}
.header-wrap{
    margin-top: 38px;
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/import.css">
    <title>index</title>
</head>
<body>
<header class="header">
    <div class="header-wrap wrap-1">
        <img src="https://i.stack.imgur.com/qMrkg.png" alt="">
    </div>
</header>
</body>
</html>

БЛОГ НА HUSL

ЛЮДИ это чтото странное... помогите пж

Ответы (2 шт):