CODEWITHSUNDEEP
cssfirefox
Jeff
Jeff

Reputation: 101

Possible CSS background image bug in Firefox?

On the following website (www.orba.com), the white text that is overlaying the blue and green panels is not displaying on Firefox 44.0 on PC. It displays fine in all other browsers. This problem was not occurring 6 months ago. Any ideas what could be the problem?

Upvotes: 0

Views: 57

Answers (2)

Oriol
Oriol

Reputation: 287990

This seems a bug. A minimal testcase is

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

In your page you use the deprecated writing-mode: tb-rl, which bug 1205787 aliased to writing-mode: vertical-rl.

But it seems that this specific mix of height, margin, writing-mode and float doesn't work well after bug 1144501.

I have filed bug 1243125 to fix this.

Upvotes: 2

Salem Ouerdani
Salem Ouerdani

Reputation: 7886

caused by writing-mode. It seems to be yet an an experimental technology :

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

Remove it or set it to horizontal-tb (its default value) and text will show up back.

Upvotes: 0

Related Questions