8

Macbook Pro の Mountain Lion の Safari 6.0.2 でアーティファクトが発生します。他のブラウザを使用すると、すべてが想定どおりにレンダリングされます。しかし、奇妙なことに、OSX Lion を搭載した iMac で Safari を使用すると、問題を再現できません。OSバージョン違い、GPU違い、バグ？または私は何か間違ったことをしていますか？

複製: http://jsfiddle.net/gt2g4/およびhttp://jsfiddle.net/T966K/1/ CSS アーティファクト

CSS:

#test{

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background-color: blue;
    box-shadow: inset 0px 3px 0px yellow,
                inset 0px -3px 0px darkred,
                -3px -4px -0px blue;
}

このマックについて：

MacBook Pro 13 インチ、2012 年中期。

  • グラフィック Intel HD グラフィック 4000 384 MB。

  • ソフトウェア OS X 10.8.2 (12C60)。

  • サファリ バージョン 6.0.2 (8536.26.17)

4

2 に答える 2

1

これらのアーティファクトは、Apple が 2013 年 3 月 14 日にプッシュした OS X 10.8.3 コンボ アップデートの時点では存在しません。

于 2013-03-15T08:06:25.160 に答える
0

アップデート： 5.1.7 で試行 1 試行 2

古いバージョンの Windows Safari では、エラーを再現できました。しかし、Windowsの最新版では使えませんでした。私が述べたように、Windowsでwebkit拡張機能を使用すると消えました。

しかし、Apple は Windows ユーザーを嫌っています。そのため、これ以外のバージョンでテストすることはできません。

これは、Safari ブラウザーがコードを読み取って実装する方法のバグである可能性が非常に高いです。最近変わった？または、いくつかの際立ったオペレーティング システム、ハードウェアの変更がある場合もあります。

グラフィック カード ドライバを ATI または Nvidia から直接更新してみてください。確かに奇妙です。

最高の Safari 互換性のために; -webkit拡張機能を使用する場合があります。詳細については、次を参照してください。

試してみる必要がある例は次のとおりです。

-webkit-box-shadow: inset 0 3px 0 yellow,
                    inset 0 -3px 0 darkred,
                    -3px -4px 0 blue;

互換性を最大化するために使用します。

  • -mozMozilla Firefox 用。
  • -webkitSafari および Chrome 用。
  • -oオペラ用。

次に、通常は Cascading Stylesheet です。確かに追加のコードが追加されますが、互換性を最大化する傾向があります。うまくいけば、それは役に立ちます。Windows の Safari で問題を再現しました。しかし、-webkitそれで消えました。

しかし、前述のように; 一部のソフトウェアまたはハードウェアがアーティファクトを引き起こしている可能性があります。オーバークロックされたハードウェアで発生する可能性があります。うまくいけば、それは役に立ちます。

于 2012-12-03T22:15:19.813 に答える