web前端技术(web前端兴趣翻译小组)

《web前端技术(web前端兴趣翻译小组)》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、10waystomakeInternetExploreractlikeamodernbrowser--10种让IE像现代浏览器那样跑的方法像许多Web开发者一样，我痛恨IE，尤其是其版本IE6。在如同HTML5和CSS3这样强大的新技术正兴起的时候，IE不能应付这些技术并不让人意外。幸运的是，有些小窍门可以让你轻松一些。EnableHTML5onIE--让IE支持HTML5特性听说过HTML5吗？如果你有兴趣做Web开发，回答应该没有悬念。对于还不了解的人，HTML5是下一重要版本的HTM;WorldWideWeb的核心标记语言。大多数现代浏览

2、器已经可以支持运用新的HTML5优势特性，至少支持部分新特性。可是，IE如同它并不以其创新触觉而闻名，会对这些标记视而不见。这个html5.js是一个非常有趣的项目，其目标是让IE兼容HTML5。你只需要将html5.js脚本放到你的html文件头部分即可。你也可以用热链接，下面是个示例：»Source:http://remysharp.com/2009/

3、01/07/html5-enabling-script/Usethetext-shadowCSSpropertyonIE--在IE上使用css文字阴影的效果由于火狐3.5最近实现了对css文字阴影效果的支持，设计师已开始大量地使用它。今天，大多数现代的浏览器都能够很好地渲染这个效果。不过，IE再一次忽视了这个效果。令人欣慰的是，IE独有的滤镜特性，能够很好地模拟文字阴影效果。上面的例子说明了，怎么在现代浏览器上应用文字阴影这个效果，以及IE上使用滤镜。请注意，由于滤镜不是一个标准的css属性，因此它应该使用条件注释标记出来。如果你想学习更多cs

4、s文字阴影效果，不要忘了看看我们的资源列表(http://www.catswhocode.com/blog/10-resources-to-get-the-most-out-of-the-css-text-shadow-property)以便获得对文字阴影特效的最全面掌握。p.shadowed{text-shadow:#0000ff0px0px3px;/*Modernbrowsers*/filter:glow(color=#0000ff,strength=3);/*IE*/}»Source:http://www.howtocreate.co.u

5、k/textshadow.htmlCSSbox-shadowonIE--在IE中的CSS3块阴影效果在我看来，区块阴影是CSS3最厉害的性能之一了。因为这项技术可以使大家在任何HTML文本上进行图片设置，而且还不必使用任何图案。这对于设计人员和Web前端开发人员来说都是一个里程碑式的发展。.shadowed{box-shadow:10px10px5px#888;}但是就不要再疑问IE浏览器是不是能兼容块阴影了，我可以很肯定的告诉你，它不能。为了效仿CSS的区块阴影效果，我们就得使用滤镜了，方法如下：.shadowed{filter:progid

6、:DXImageTransform.Microsoft.DropShadow(color=#969696,offx=1,offy=1)progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2,offx=1,offy=1)progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF,offx=1,offy=1);»Source:http://ole-laursen.blogspot.com/2009/08/using-css3-bo

7、x-shadow-with-ie.htmlRoundedcorners!--圆角圆角，它们在web2.0中从外观和感觉来说都是如此受欢迎。css3特地用一个名为border-radius的属性解释它，可以不需要任何图片就能轻松设计出圆角。对于不了解它的人，我们这里告诉你如何使用它：.round{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}幸运的是，有好几种方法可以在ie环境下创建不需要图片的圆角，我最钟爱的是一小段叫DDroundies的javascri

8、pt代码，它能给任何html元素添加圆角下面是给任意一个类名为roundify的html元素添加圆角的例子:<******type="text/jav