Пользовательский CSS не отображается в Google Chrome v34.0.1847.131 или IE 9

Question

Пользовательский CSS не отображается в Google Chrome v34.0.1847.131 или IE 9

0

Я уже давно использую загрузку Twitter, но недавно столкнулся с проблемой, которая раньше не преследовала меня. Я создаю сайт и всякий раз, когда создаю собственное правило css, оно не вступает в силу в Google Chrome или IE9. Он отлично работает в Firefox. У меня никогда не было этой проблемы в прошлом. Помимо таргетинга на определенные браузеры с помощью css, какие другие параметры у меня есть для того, чтобы сделать вещи совместимыми с браузером? Единственное, с чем я столкнулся в прошлом, - может быть, что-то не очень хорошо работает в IE, или у меня были поля и дополнения, которые слегка отображались в firefox, но ничего подобного.

здесь приведен пример пользовательского правила CSS, которое отлично работает в Firefox:

<div class="fullscreen2 background">
<p class="centertext">Meet the Team</p>
</div>

 .centertext {
        font-size:48px;
        display:block;
        text-align:center;
  }

user1968657 11 май 2014, в 16:19

Источник

1

Что значит "не вступает в силу"? Какая недвижимость не работает? Кажется маловероятным, что это проблема браузера, так как это проблема в Chrome и IE.
Paulie_D 11 май 2014, в 13:43
0

в основном этот класс, который я создаю, не добавляет никаких атрибутов в chrome или IE. Я помню даже пару недель назад, когда я создавал вещи в начальной загрузке, чтобы они работали в chrome и firefox по крайней мере без особых проблем.
user1968657 11 май 2014, в 13:45
0

Не видя, что это «не работает», трудно комментировать. У вас есть живой пример ... или уменьшенный случай с JSfiddle.net?
Paulie_D 11 май 2014, в 13:48
0

Слепое предположение будет (а) проблемой пути; (б) ваш плагин Chrome AdBlock. Не увидев живого демо, мы не можем сказать ничего более полезного, наверняка.
Godinall 11 май 2014, в 13:49
0

ссылка, если вы посмотрите на это в Chrome, вы увидите «встретить команду» в верхнем левом углу полноразмерного изображения. В Firefox это следует за CSS.
user1968657 11 май 2014, в 13:50
0

Godinall, я просто отключил adblock для сайта, изменения в css не вступили в силу. У меня есть ссылка в комментарии выше.
user1968657 11 май 2014, в 13:51
0

Что такое CSS для фона fullscreen2?
tylerlindell 11 май 2014, в 13:58
0

.background {background-repeat: no-repeat; / * пользовательские background-position / background-position: 50% 50%; / ie8- постепенная деградация * / background-position: 50% 50% 9! важный; } .fullscreen2 {ширина: 100%; мин-высота: 50%; Фоновое изображение: URL (../ изображений / aboutsplash.png); фон-размер: крышка; край дно: 80px; }
user1968657 11 май 2014, в 14:02
0

Какой результат вы ожидаете? Я получил точно такой же результат на моем Firefox и Chrome, а также Safari.
Godinall 11 май 2014, в 15:14
0

Я хочу, чтобы текст был плавающим или хотя бы центрировался с размером шрифта, который я ему дал. Я возился, и в Firefox все выглядит нормально, но не в моем chrome, который является v.34. Я читал, что chrome покончил с webkit несколько выпусков назад.
user1968657 11 май 2014, в 15:17
0

@ user1968657 исправил это, смотрите мой ответ ниже.
Godinall 11 май 2014, в 15:34

Показать ещё 9 комментариев

Теги:

html

css

twitter-bootstrap-3

1 ответ

Ещё вопросы

Что значит "не вступает в силу"? Какая недвижимость не работает? Кажется маловероятным, что это проблема браузера, так как это проблема в Chrome и IE.
в основном этот класс, который я создаю, не добавляет никаких атрибутов в chrome или IE. Я помню даже пару недель назад, когда я создавал вещи в начальной загрузке, чтобы они работали в chrome и firefox по крайней мере без особых проблем.
Не видя, что это «не работает», трудно комментировать. У вас есть живой пример ... или уменьшенный случай с JSfiddle.net?
Слепое предположение будет (а) проблемой пути; (б) ваш плагин Chrome AdBlock. Не увидев живого демо, мы не можем сказать ничего более полезного, наверняка.
ссылка, если вы посмотрите на это в Chrome, вы увидите «встретить команду» в верхнем левом углу полноразмерного изображения. В Firefox это следует за CSS.
Godinall, я просто отключил adblock для сайта, изменения в css не вступили в силу. У меня есть ссылка в комментарии выше.
.background {background-repeat: no-repeat; / * пользовательские background-position / background-position: 50% 50%; / ie8- постепенная деградация * / background-position: 50% 50% 9! важный; } .fullscreen2 {ширина: 100%; мин-высота: 50%; Фоновое изображение: URL (../ изображений / aboutsplash.png); фон-размер: крышка; край дно: 80px; }
Какой результат вы ожидаете? Я получил точно такой же результат на моем Firefox и Chrome, а также Safari.
Я хочу, чтобы текст был плавающим или хотя бы центрировался с размером шрифта, который я ему дал. Я возился, и в Firefox все выглядит нормально, но не в моем chrome, который является v.34. Я читал, что chrome покончил с webkit несколько выпусков назад.
@ user1968657 исправил это, смотрите мой ответ ниже.

Godinall · Accepted Answer · 2014-05-11T14-02-00.000Z

Хорошо, это ваш счастливый день, что у меня есть время и настроение, чтобы на самом деле пройти весь ваш файл css!

Ниже приведена ваша проблема: (строка 371 ~ 375 в custom.css)

@-moz-document url-prefix() {
.navbar-nav > li > a {
    padding-bottom: 12px;
    padding-top: 15px;
}
}//You are missing this closing brace!

Большое спасибо Godinall !!! Очень признателен, не уверен, как я мог это пропустить. Бесконечно благодарен!
@ user1968657 милости прошу, приятель, рад помочь. Если вы работаете с группой парней, у которых, кажется, все зоркие орлиные глаза, вы также получите эту способность замечать детали lol. Удачи в вашем SEO бизнесе.