3

私が構築しているサイトでは、ボディにボーダー - アウトライン - ボックスの影を使用しています。

こちらをご覧ください

border: 9px solid #0C144E;
outline: 9px solid #fff;
box-shadow: 0 0 0px 18px #CC092F;

私の問題は、Firefox がアウトラインを別様にレンダリングすることです。

適用することでそれを回避できます：

outline-offset: -18px;

firefoxは直りますが、これはChrome、Safariでは正しく表示されないということで、firefoxのみに適用する方法はありますか -moz- をつけてみましたがだめでした。またはそれを回避する別の方法。

4

1 に答える 1

3

ここに示すテクニックを使用できます: CSS Hacks Targeting Firefox

@-moz-document url-prefix() { 
  body {
    outline-offset: -18px;
  }
}

jsFiddle デモ

于 2013-08-22T15:41:02.717 に答える