我正在使用径向渐变为我的网站创建虚线背景样式。我在 CSS 中使用的径向渐变在 Chrome 中运行良好,但是当我在 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;
}