63

css変換、クロムのギザギザのエッジ」と同様に、3D変換のFirefoxでも同じことが起こります。例:http://jsfiddle.net/78d8K/5/(<-覚えておいてください:Firefox

今回は、backface-visibility助けにはなりません:(

何か案が?

4

4 に答える 4

154

編集された回答:(コメントの後)

「回避策」、透明なアウトライン属性を追加します。

outline: 1px solid transparent;

Firefox 10.0.2 Windows 7でテスト済み:http://jsfiddle.net/nKhr8/

ここに画像の説明を入力してください

元の回答:(背景色に依存)

「回避策」、背景と同じ色(この場合は白)の境界線属性を追加します。

border: 1px solid white;

Firefox 10.0.2 Windows 7でテスト済み:http://jsfiddle.net/LPEfC/

ここに画像の説明を入力してください

于 2012-02-17T19:04:28.447 に答える
4

アンチエイリアスされた境界線を防ぎたい場合

以下は私にとってよりうまくいきました

border: 1px solid rgba(0, 0, 0, 0.1); 

境界線がはっきりと見えるようにする必要がある場合でも、これは完璧な解決策ではない可能性があります。@Juanの答えに固執する方がよいでしょう。

以下は、キューブの回転のスクリーンショットです。

ここに画像の説明を入力してください

于 2015-09-03T19:58:45.253 に答える
1

を使用する以外outlineに、以下も機能します。

box-shadow: 0 0 0 1px transparent;
于 2019-05-23T08:12:26.467 に答える
-1

filter:blur(.25px);私のために働き、あまりぼやけて見えません。

例:https ://codepen.io/Grilly86/pen/QWLXBbX ((S)CSSの22行目を編集してみてください)

于 2019-10-01T11:18:42.243 に答える