2016-01-26 6 views
0

На следующем веб-сайте (www.orba.com) белый текст, который накладывается на синие и зеленые панели, не отображается на Firefox 44.0 на ПК. Он отлично отображается во всех других браузерах. Эта проблема не возникала 6 месяцев назад. Любые идеи, что может быть проблемой?Возможная ошибка фонового изображения CSS в Firefox?

+1

Возможно, это ошибка. Но без [mcve] ваш вопрос не соответствует теме Stack Overflow. – Oriol

+2

Пожалуйста, добавьте содержательный код и описание проблемы здесь. Не просто ссылку на сайт , который нуждается в исправлении - в противном случае этот вопрос потеряет значение для будущих посетителей после проблема решена или если сайт, на который вы ссылаетесь, недоступен. Проводка [Минимальный, полный и проверенный пример (MCVE)] (http://stackoverflow.com/help/mcve), который показывает, что ваша проблема поможет вам получить более качественные ответы. Для получения дополнительной информации см. [Что-то на моем веб-сайте не работает. Могу ли я просто вставить ссылку на него?] (Http://meta.stackexchange.com/questions/125997/) Спасибо! – j08691

ответ

0

, вызванный writing-mode. Вроде бы еще экспериментальная технология:

.panel .title, c { 
    ... 
    writing-mode: vertical-rl; 
    ... 
} 

Удалите его или установить его в horizontal-tb (его значение по умолчанию) и текст будет отображаться обратно.

2

Это кажется ошибкой. Минимальная TestCase является

body, .first { 
 
    height: 200px; 
 
} 
 
.first { 
 
    margin-top: 1px; 
 
    writing-mode: vertical-rl; 
 
} 
 
div { 
 
    float: left; 
 
}
<div class="first">Hello</div> 
 
<div>World</div>

В вашей странице вы используете устаревшую writing-mode: tb-rl, который bug 1205787 псевдоним writing-mode: vertical-rl.

Но кажется, что это конкретное сочетание высоты, поля, режима записи и поплавка не работает после bug 1144501.

Я зарегистрировал bug 1243125, чтобы исправить это.

+0

Отличный чехол! Я попытался, но я не смог воспроизвести ошибку в минимальном примере. кажется, как вы сказали, это вызывает смешение высоты, поля, режима записи и поплавка. фрагмент кода работает в Chrome, но не в Firefox. –