Я начинаю переходить в роль веб-мастера для веб-сайта университетского клуба. Они просто выкатили новый шаблонный сайт, который использует jquery-1.10.1.min и modernizr-2.6.2-response-1.1.0.min.Что заставляет мои изображения исчезать в Chrome, но показывать их в IE?
В IE все выглядит так, как предполагается. Все изображения/значки отображаются там, где они должны.
В Chrome две иконки в одном разделе нижнего колонтитула исчезают, а другое изображение в индексе исчезает.
Chrome инструменты для разработчиков показывает мне, что эти элементы Применив эти стили:
element.style {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
background-position: 1px 1px;
}
element.style
означает, что стиль применяется на JS.
Для создания этих изображений не используются скрипты PHP. Не используются JS-скрипты, кроме jquery и modernizr.
Это просто <img src="img/facebook.png" class="class">
теги. Изменение класса не помогает.
Если я сменяю рабочий <img>
, у меня есть src img/facebook.png
, тогда рабочее изображение перестает работать.
Если я меняю img/facebook.png
на img/email.png
, который является рабочим значком, изображение появляется.
Если я копирую facebook.png
и переименовываю его в fbicon.png
, он по-прежнему не работает. Если я копирую facebook.png
и переименую его в email2.png
его . Работа. (? WTF)
Для справки, полный список изображений имен, которые не работают в:
- facebook.png
- twitter.png
- fbicon.png
- social.png
Я вообще не знаком с модернизмом, который, скорее всего, станет виновником jQuery.
Что может привести к отключению изображений с именами в социальных сетях в Chrome (версия 40)?
Обновление: Выполняет ли Chrome или modernizr программное скрытие изображений, которые не загружаются, чтобы не показывать красные блоки X, которые могут влиять на макеты?
Проблема с Chrome 40 на рабочем столе Win 8.1 Update 1 (хотя мой ноутбук имеет тот же OS/Browsers, что и мой рабочий стол.)
У меня вопрос на моем рабочем столе с как живым сервером и сервер теста, который полностью работает с моим рабочим столом. Мой тестовый сервер использует XAMPP для Apache (не знаю, версия # от руки, я могу получить это, когда я дома). У меня нет доступа к серверу PHP для производства, но я предполагаю, что это также аналогичная версия Apache.
Проблема возникает как в режиме Chrome, так и в режимах Dreamweaver/Live.
Мой рабочий стол получает доступ к веб-сайту, используя мое собственное подключение к Интернету, но я также подключаюсь к сети университета. Мой ноутбук, который в настоящее время работает нормально, использует одну из WiFi-сетей университета.
Можете ли вы отключить модернизацию? Если да, попробуйте, чтобы вы могли исключить его как подозреваемого. Мой сайт использует modernizr и файл facebook.png без проблем. Кроме того, ваш HTML-файл имеет встроенный стиль, влияющий на эти изображения? Предположим, есть такой тег, как '', тогда ваш CSS не может помочь вам, я не думаю. Сначала вам нужно исправить его. – ThisClark
Нет встроенных стилей на * ничего * на сайте, только для классов, идентификаторов. Я расчесывал все файлы css, чтобы узнать, работает ли какой-то странный селектор для детей, но безрезультатно. Я попробую отключить modernizr для тестового сервера позже, но я не знаю, сколько его использует сайт. Это был кошмар, чтобы понять, что имена файлов были проблемой. Я попытался разместить точные изображения по всему сайту, и они никогда не работают в Chrome, независимо от родительского тега. Вероятно, я буду использовать общие имена и назову это хорошо. – CreationEdge
Можете ли вы поделиться сайтом? Сообщество могло бы помочь больше с доступом к проблеме, как вы ее видите. – ThisClark