Chrome не отображает изображение SVG - PullRequest
Новая
       61

Chrome не отображает изображение SVG

0 голосов
/ 03 марта 2020

У меня проблема с рендерингом SVG-изображения, но только в Chrome (FF, IE, Edge в порядке). Я могу видеть только текст из изображения, но нет никакого цвета фона из изображения и т. Д. c. Мне нужно иметь изображение на весь экран, и вот мой код. Может кто-нибудь помочь мне, где проблема с chrome и как ее исправить? 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("bg.svg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
</style>
</head>
<body>
<div class ="bg"> </div>



</body>
</html>

1 Ответ

0 голосов
/ 03 марта 2020

Без дополнительной информации все, что мы можем сказать, это your code works

Все, что я сделал, это изменил URL-адрес из вашего SVG-файла на опубликованное c замещающее изображение SVG. Как видите, проблем с отображением этого файла нет. 

body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("https://placeholder.pics/svg/300");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
<div class="bg"> </div>
...