css - 实现这种背景渐晕效果的最佳方式？

Question

我想在我正在构建的页面背景上产生渐晕效果。这是页面: www.karolinadahl.se

我设法在 Firefox 中获得了我想要的效果，而且它似乎工作正常。在 Safari 中，我得到了某种渐晕，虽然不是我想要的，并且由于某种原因，嵌入的阴影极大地减慢了页面速度。我正在使用 Safari 5。

我认为它在资源管理器中根本不起作用，而且我不知道 Chrome 和 Opera。

有没有更聪明的方法在背景上实现这种效果？

Answer 1

您正确地应用了效果，但是，这些效果是

• 不完全支持，这解释了您的 IE 问题
• 众所周知，不同浏览器的呈现方式不同

不过，时间站在你这边。支持只会改善。对于仍在开发中的网站，我建议坚持使用 CSS3 技术，而不是更老的、黑客式的解决方案。

你也可以试试gradient in the background .可能更一致。