CSS3文本阴影效果与jQuery [英] CSS3 text-shadow effect with jQuery

问题描述

我想要能够创建一个与CSS3文本阴影属性相同的效果，使其可用于不支持此CSS3属性（如IE 7和8）的浏览器。

因此，我发现了两个插件：文字阴影和下降阴影效果。

我决定使用文本阴影，因为它是在2008年年底发布的，因为它更直接。

这对IE8非常有用。但是在IE7中，阴影距离文本的距离是文本的两倍，链接是奇怪的。

IE8 image
alt text http://img714.imageshack.us/img714/5201/regularz.jpg

IE7 image
alt text http：// img651。 imageshack.us/img651/2569/ie7.jpg

我正在寻找一个修复或替代这个问题。

$ b

我使用一个纯JavaScript插件调用：

a href =http://code.google.com/p/ie7-js/ =nofollow noreferrer> ie7-js 。

这个插件是非常有用的，因为它使老IE的行为更像是现代浏览器。

谢谢大家的时间和注意力。

I wanted to be able to create a effect identical to CSS3 text-shadow Property, making it available to browsers that doesn’t support this CSS3 Property (like IE 7 and 8).

And so I found two plugins: Text Shadow and Drop Shadow Effect.

I decided to use Text Shadow, because it was released in the end of 2008, and because it was more straightforward.

This worked great for IE8. However in IE7 shadows have twice the distance to the text, and links are weird.

IE8 image alt text http://img714.imageshack.us/img714/5201/regularz.jpg

IE7 image alt text http://img651.imageshack.us/img651/2569/ie7.jpg

I am searching for a fix, or an alternative to this problem.

解决方案

I just solved my own problem.

I used a pure JavaScript plugin called: ie7-js.

This plugin is very useful, because it makes old IE’s behave more like modern browsers.

Thank you all for your time and attention anyway.

这篇关于CSS3文本阴影效果与jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！