不支持的CSS属性的jQuery后备?

时间:2014-10-11 16:19:30

标签: javascript jquery css css3 compatibility

我目前正在参加网页设计课程,其中一项任务是提出两个与所有主要浏览器(IE,Chrome,Opera,Safari和Firefox)不兼容的CSS3属性。像蛋糕一样简单吧? CSS3相对较新,必须有数十种不完全支持的属性。我错了。我几乎找不到任何这样的属性,除了我发现的一个属性之外的所有属性都不合适,因为分配的后半部分是创建一个复制其功能的jQuery回退,无论如何浏览器。实际上使用jQuery实际上也是有意义的(例如,你不能只使用jQuery将文本笔划更改为drop-shadow,因为它主要只是CSS.jQuery需要它还需要在没有不必要的额外HTML的情况下工作 - 例如,如果它是图像效果,它需要直接在图像上工作,而不是首先将图像放在canvas元素中。

resize属性就是我发现的一个例子。它根本不支持IE,但是jQuery在任何问题上都没有问题。不幸的是,我尝试过的每一件事都没有在jQuery中有一个远程适合的回退选项。我的第一个想法是使用图像过滤器,例如棕褐色和模糊,它们是CSS3中的新功能,目前在Firefox或IE中不支持 - 但是,每一段jQuery,插件或代码片段或者你有什么,都没有在所有,主要是因为他们所做的只是使用-webkit-filter和filter属性,如你所知,在Firefox或IE中根本不支持,因此我在第一次尝试使用CSS时放置!

几乎我发现的每件事都是这样的。 CSS无处不在,或者如果不支持,jQuery中似乎没有任何功能可以在不使用相同的不支持的CSS的情况下复制任何内容!

我老实说,在我的绳子尽头。我没有想法,除了resize属性我还没有找到任何东西。我需要一个CSS属性,它与每个主要浏览器不兼容,jQuery可以使用相同的不支持的CSS属性复制WITHOUT。任何和所有的答案和建议都非常感谢。

TLDR; 是否有所有主流浏览器都不支持的CSS3功能,但可以通过使用jQuery进行复制?

1 个答案:

答案 0 :(得分:2)

这些天我们采用优雅降级,如果可能的话

要回答您的问题:http://caniuse.com/#search=pseudo将帮助您入门。看到红色,找到一个jQuery equiv。

以下是一些资源:

虽然我不知道这是不是一个很好的例子。

尝试点击此处:http://caniuse.com/