На следующем веб-сайте (www.orba.com) белый текст, который накладывается на синие и зеленые панели, не отображается на Firefox 44.0 на ПК. Он отлично отображается во всех других браузерах. Эта проблема не возникала 6 месяцев назад. Любые идеи, что может быть проблемой?Возможная ошибка фонового изображения CSS в Firefox?
ответ
, вызванный writing-mode. Вроде бы еще экспериментальная технология:
.panel .title, c {
...
writing-mode: vertical-rl;
...
}
Удалите его или установить его в horizontal-tb
(его значение по умолчанию) и текст будет отображаться обратно.
Это кажется ошибкой. Минимальная 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, чтобы исправить это.
Отличный чехол! Я попытался, но я не смог воспроизвести ошибку в минимальном примере. кажется, как вы сказали, это вызывает смешение высоты, поля, режима записи и поплавка. фрагмент кода работает в Chrome, но не в Firefox. –
Возможно, это ошибка. Но без [mcve] ваш вопрос не соответствует теме Stack Overflow. – Oriol
Пожалуйста, добавьте содержательный код и описание проблемы здесь. Не просто ссылку на сайт , который нуждается в исправлении - в противном случае этот вопрос потеряет значение для будущих посетителей после проблема решена или если сайт, на который вы ссылаетесь, недоступен. Проводка [Минимальный, полный и проверенный пример (MCVE)] (http://stackoverflow.com/help/mcve), который показывает, что ваша проблема поможет вам получить более качественные ответы. Для получения дополнительной информации см. [Что-то на моем веб-сайте не работает. Могу ли я просто вставить ссылку на него?] (Http://meta.stackexchange.com/questions/125997/) Спасибо! – j08691