2013-02-19 90 views
0

我使用CSS转换为背景图像属性,但从我可以收集它们只支持Chrome和Webkit(它似乎在Safari 5.1.7中不起作用) 。我真的不想使用jQuery进行转换,因为它唯一的解决方案是淡出元素(并使用它的内容)并淡入新的背景。通常我会用标准的方式来做,并且在一个包装内部有多个div或者图像进行旋转,但是这个网站的设置方式根本行不通(技术上它可以,但它看起来很荒谬而且毫无必要地过度 - 复杂)。CSS背景图像转换的后备

这里访问该网站,你就会明白我的意思:http://bos.rggwebdesigns.com/

是否有某种方式来安全地回落对于还不支持背景图片的转换其他的浏览器,无论是通过完全或部分禁用它其他方法?如果浏览器无法处理它,我不希望用户突然看到背景变化。

回答

0

您可以使用Modernizr进行功能检测,然后相应地更改您的CSS。

Modernizr

+0

我使用Modernizr的,但我没有用太多的经验,所以我不知道我在什么我以为会是HTML标签类方面寻找。 – Bobe 2013-02-19 08:40:10

+0

Modennizr实际上可以帮助您检查浏览器是否支持特定功能。如果是,您可以照常继续,如果不能,您可以将HTML和/或CSS更改为后备。 – 2013-02-19 08:43:04

+0

那么在这种情况下我会寻找什么? – Bobe 2013-02-19 08:48:10