【发布时间】:2013-03-01 23:11:24
【问题描述】:
我正在使用径向渐变为我的网站创建一个虚线背景样式。我在 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;
}
【问题讨论】:
-
我不认为这是径向渐变...它在 FF (18.0.1) 上渲染得很好
-
我使用的是 FF 18.0.1。如果您尝试将上面的 CSS 放在一个简单的 HTML 文件中并在 FF 中运行它,它仍然会崩溃
-
可能是加载项导致崩溃?您可以尝试禁用所有附加组件,然后一一重新启用它们。
-
不,我不这么认为。我在家里和大学都试过了,结果还是一样。
-
它不会在 Linux 上与 FF18 一起崩溃,而且......它也不起作用,我没有看到任何径向渐变,只是一个统一的背景......