Question

我想在本网站的页脚中重新创建效果：http://desandro.com/（将鼠标悬停在'Desandro上，将其设为左下角。

这里他们使用CSS3和text-shadow，但我想知道这是否可以用jQuery来使其在所有浏览器中都能正常工作？

感谢。

Answer 1

对于跨浏览器cs3阴影，渐变和圆角效果你可以使用http://css3pie.com/实际上CSS3适用于除IE7之外的所有最新浏览器以及某种方式IE8所以css3 pie.com是IE的解决方案。 ;）

Answer 2

你可以这样做

解决方案：

你不需要jquery这个。只需创建类，并使用Class_name：hover。它会工作。您提供的参考网站名称没有使用jquery。

如果你想要jquery参考这个，例如：

HTML：

<a href="#">
    <span>David</span>
    <span>DeSandro</span>
    <span>DeSandro</span>
    <span>DeSandro</span>  
</a>

jquery的：

 $(document).ready(
    $(a).hover(
       function(){
          $(this).children().eq(0).addclass('style1');
          $(this).children().eq(1).addclass('style2');
          $(this).children().eq(2).addclass('style3');
          $(this).children().eq(3).addclass('style4');
      },
      function(){ 
          $(this).children().eq(0).removeclass('style1');
          $(this).children().eq(1).removeclass('style2');
          $(this).children().eq(2).removeclass('style3');
          $(this).children().eq(3).removeclass('style4');
      });
 );

我不确定IE浏览器是否支持此CSS

如何使用jQuery进行文本阴影缩放？

2 个答案: