实现这种背景暗角效果的最佳方法是什么?

时间:2011-08-02 14:17:49

标签: css css3 background shadow vignette

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

我设法获得了我在Firefox中寻找的效果,它似乎工作正常。在Safari中,我得到了某种渐晕,虽然不是我想要的内容,并且由于某种原因,插入的阴影会使页面显着减慢。我正在使用Safari 5.

我认为它根本不适用于Explorer,我不知道Chrome和Opera。

有没有更明智的方法在后台实现这种效果?

1 个答案:

答案 0 :(得分:1)

您正确应用效果,但这些效果是

  • 不完全支持,这解释了您的IE问题
  • 已知从浏览器到浏览器的呈现方式不同

不过,时间就在你身边。支持只会改善。对于仍在开发中的网站,我会说坚持使用CSS3技术而不是旧的,更糟糕​​的解决方案。

您还可以尝试gradient in the background。可能会更加一致。