搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

-webkit- vendor prefix css class is rendered

  • 1 回覆
  • 1 有這個問題
  • 4 次檢視
  • 最近回覆由 cor-el

more options

I have a special rule in my css to target a webkit webview on ios which has a layout rendering problem. This is a known issue. The only fix for this is adding this rule:

-webkit-transform: translate3d(0, 0, 0);

This gives some side effects in my apllication because the z-indexation is messed up. This was an acceptable trade-off when only webkit browsers are concerned.

Suddenly I see the side-effect occur in Firefox Quantum. It seems the css vendor-prefixed rule is also executed. I don't understand that. Isn't the browser supposed to only run it's own vendor prefixed classes? in this case the -moz- prefixed classes?

See the screenshot

Although only the `-webkit-transform` is defined is also shows the non-prefixed rule `transform:`

I have a special rule in my css to target a webkit webview on ios which has a layout rendering problem. This is a known issue. The only fix for this is adding this rule: -webkit-transform: translate3d(0, 0, 0); This gives some side effects in my apllication because the z-indexation is messed up. This was an acceptable trade-off when only webkit browsers are concerned. Suddenly I see the side-effect occur in Firefox Quantum. It seems the css vendor-prefixed rule is also executed. I don't understand that. Isn't the browser supposed to only run it's own vendor prefixed classes? in this case the -moz- prefixed classes? See the screenshot Although only the `-webkit-transform` is defined is also shows the non-prefixed rule `transform:`

被選擇的解決方法

There is this pref to honor CSS rules with a -webkit prefix:

  • layout.css.prefixes.webkit

See also this old bug:

  • bug 725299 - Wrong z-ordering with css 3d transforms using opacity and transform-style

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
)

從原來的回覆中察看解決方案 👍 0

所有回覆 (1)

more options

選擇的解決方法

There is this pref to honor CSS rules with a -webkit prefix:

  • layout.css.prefixes.webkit

See also this old bug:

  • bug 725299 - Wrong z-ordering with css 3d transforms using opacity and transform-style

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
)