IE только применяет НЕКОТОРЫЕ внешние таблицы стилей CSS - PullRequest
Новая
       17

IE только применяет НЕКОТОРЫЕ внешние таблицы стилей CSS

0 голосов
/ 05 февраля 2019

У меня есть сайт, который корректно отображается во всех браузерах, кроме IE Edge, 10, 9 и т. Д. (Я на Mac, но использую удаленный рабочий стол для просмотра среды ПК).

Проблема, которую яу меня есть то, что только одна из двух пользовательских таблиц стилей CSS читаются (не считая файла foundation.css).Итак, верхняя половина страницы отображается правильно, но нижняя половина использует отдельную таблицу стилей, потому что она использует макет типа «временная шкала», и имело смысл разделять эту загрузку CSS для облегчения внесения изменений.

Я перепробовал все, что смог найти в отношении различных метатегов, относящихся к IE, и я попытался объединить две таблицы стилей, поскольку первая, кажется, читается правильно.

Единственное, что я могу найти, это то, что люди говорят, что это может быть просто отсутствующий тег div или что-то, что его нарушает, но я проверил его через http://validator.w3.org/, и единственные ошибки, которые пришливверх были связаны с отсутствующим альтернативным текстом на изображениях.

Буду признателен за любую помощь!Вот немного кода в голове, если это поможет: 

<!DOCTYPE html>
<html class="no-js" lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Customer Outreach | Ford Takata Airbag Recall Information Center</title>
    <link rel="stylesheet" type="text/css" href="./css/foundation.css">
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/timeline.css">
 </head>

1 Ответ

0 голосов
/ 05 февраля 2019

Итак, я только запускал HTML через валидатор W3C ... только сейчас я запускал CSS через валидатор CSS, и он выдал ошибку для этой строки: 

background-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.…nts='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>);

Кодпришел со стороннего сайта для этой "временной шкалы", над которой я работаю, поэтому я не знаю первоначальной необходимости в этом, но как только я удалил это, сайт стал идеальным в IE.Вот скриншот того, что сказал валидатор:

validator

Не уверен, поможет ли это конкретное исправление кому-либо, но я сталкивался с этим, потому что получил парупредположения, что синтаксис в файле CSS был, вероятно, виновником, даже отсутствующей скобки или точки с запятой.Это было не так, но всегда проверяйте это в первую очередь.:)

...