CSS - новый Firefox-релиз больше не отображает Border-Image

После обновления Firefox изображение Border Image больше не отображается? Возможно, вы определили что-то вроде этого:

border-width:30px;
-moz-border-image: url('border.png') 64 64 64 64 stretch stretch;
   -webkit-border-image: url('border.png') 64 64 64 64 stretch stretch;
   -o-border-image: url('border.png') 64 64 64 64 stretch stretch;

Ответ 1

Мне пришлось немного оглянуться, чтобы понять, что это проблема Firefox. Сначала я подумал, что AdBlock по какой-то причине просто заблокировал его. Это на самом деле изменение, внесенное Mozilla в их интерпретацию CSS. Теперь вы ДОЛЖНЫ добавить это свойство под ним, чтобы оно работало:

border-style:solid;

Надеюсь, что смогу помочь.

Ответ 2

В соответствии со спецификациями Firefox требует установки border-image-width.

Просто включите указанное свойство.

Здесь border-style исправит проблему, но чтобы быть более логичным и связанным, лучше использовать border-image-width вместо border-style или border-width иногда.

Ответ 3

Рассмотрим добавление:

border: 15px solid transparent;

Где 15px - пример.