放射状グラデーションを使用して、Web サイトの点線の背景スタイルを作成しています。CSS で使用する放射状グラデーションは Chrome では正常に機能しますが、同じ Web ページを FireFox で読み込むと、ブラウザーがクラッシュします。つまり、ブラウザーが応答しなくなり、タスク マネージャーを使用してブラウザーを閉じる必要があります。
私が問題を引き起こしていると思われるCSS:
/* The background is coloured #97cdcd (blue), and the radial-gradient creates the dots which are placed
on top of the background. */
body{
background: -moz-radial-gradient(#a8d4e1 15%, transparent 16%),
-moz-radial-gradient(#a8d4e1 15%, transparent 16%),
#99c9d3;
background: -webkit-radial-gradient(#a8d4e1 15%, transparent 16%),
-webkit-radial-gradient(#a8d4e1 15%, transparent 16%),
#99c9d3;
background-color: #97cdcd;
background-position: 0 0, 80px 80px;
-moz-background-size:7px 7px;
-webkit-background-size:7px 7px;
background-size: 7px 7px;
}