忍者ブログ

Azukish

消えゆく世界と流れる未来に最後の灯を since 2006/4/3

2014/07/15

position:fixedとtransformは同居させちゃだめ

1026.tv - 親要素に transform をかけると position: fixed が absolute 扱いになる
html - Positions fixed doesn't work when using -webkit-transform - Stack Overflow
css - css3 transform reverts position: fixed - Stack Overflow

上に載せた情報により、どうもtransformとposition:fixedは相性が悪いみたい。
スクロールしてもそのままの位置で待ってるってことは、やっぱりabsoluteになってしまうっぽいです。
linux版のchromeでもfirefoxでも起こりました。仕様かと思ったけれどバグなんですかね?もうすでにどっかのブラウザではIssueとして登録されたっぽいけれど。
個人的にはwindowsで小さな文字を表示するとエイリアスでガザガザになってしまうので、それの抑止用に文字にtransformをかけてたのですが、断念するしかないみたい。
何かいい方法ってあるんですかね?
ついでにこれに気づくまでに2時間弱かかりましたorz

拍手

コメント













カレンダー

12 2025/01 02
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

アーカイブ

AD

Azkishはamazon.co.jpを宣伝しリンクすることによって サイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、 Amazonアソシエイト・プログラムの参加者です。