Firefox не отображает фоновый цвет правильно из-за прозрачности, установленной на фоновом элементе

Question

Кажется, что у Firefox есть некоторые проблемы при рендеринге background-color фигуры на переднем плане, когда некоторые цифры на заднем плане имеют transparency set;

Оформить заказ,
Chrome отображает как ожидалось, но Firefox не отображает фоновый цвет фигуры на переднем плане (кажется, что он суммирует значение прозрачности).

Чтобы лучше понять проблему, попробуйте изменить свойство непрозрачности фигур в примере.

Любые предложения приветствуются.

---

РЕДАКТИРОВАТЬ 1
вопрос, как представляется, что в Firefox непрозрачность свойства фона элемента укладывают поверх переднего плана элемента

Answer 1

Использование background:rgba(x,x,x,0.66); решить эту проблему в Firefox