資源描述：
《web前端技術(shù)(web前端興趣翻譯小組)》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、10waystomakeInternetExploreractlikeamodernbrowser--10種讓IE像現(xiàn)代瀏覽器那樣跑的方法像許多Web開(kāi)發(fā)者一樣，我痛恨IE，尤其是其版本IE6。在如同HTML5和CSS3這樣強(qiáng)大的新技術(shù)正興起的時(shí)候，IE不能應(yīng)付這些技術(shù)并不讓人意外。幸運(yùn)的是，有些小竅門(mén)可以讓你輕松一些。EnableHTML5onIE--讓IE支持HTML5特性聽(tīng)說(shuō)過(guò)HTML5嗎？如果你有興趣做Web開(kāi)發(fā)，回答應(yīng)該沒(méi)有懸念。對(duì)于還不了解的人，HTML5是下一重要版本的HTM;WorldWideWeb的核心標(biāo)記語(yǔ)言。大多數(shù)現(xiàn)代瀏覽
2、器已經(jīng)可以支持運(yùn)用新的HTML5優(yōu)勢(shì)特性，至少支持部分新特性?？墒?，IE如同它并不以其創(chuàng)新觸覺(jué)而聞名，會(huì)對(duì)這些標(biāo)記視而不見(jiàn)。這個(gè)html5.js是一個(gè)非常有趣的項(xiàng)目，其目標(biāo)是讓IE兼容HTML5。你只需要將html5.js腳本放到你的html文件頭部分即可。你也可以用熱鏈接，下面是個(gè)示例：?Source:http://remysharp.com/2009/
3、01/07/html5-enabling-script/Usethetext-shadowCSSpropertyonIE--在IE上使用css文字陰影的效果由于火狐3.5最近實(shí)現(xiàn)了對(duì)css文字陰影效果的支持，設(shè)計(jì)師已開(kāi)始大量地使用它。今天，大多數(shù)現(xiàn)代的瀏覽器都能夠很好地渲染這個(gè)效果。不過(guò)，IE再一次忽視了這個(gè)效果。令人欣慰的是，IE獨(dú)有的濾鏡特性，能夠很好地模擬文字陰影效果。上面的例子說(shuō)明了，怎么在現(xiàn)代瀏覽器上應(yīng)用文字陰影這個(gè)效果，以及IE上使用濾鏡。請(qǐng)注意，由于濾鏡不是一個(gè)標(biāo)準(zhǔn)的css屬性，因此它應(yīng)該使用條件注釋標(biāo)記出來(lái)。如果你想學(xué)習(xí)更多cs
4、s文字陰影效果，不要忘了看看我們的資源列表(http://www.catswhocode.com/blog/10-resources-to-get-the-most-out-of-the-css-text-shadow-property)以便獲得對(duì)文字陰影特效的最全面掌握。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塊陰影效果在我看來(lái)，區(qū)塊陰影是CSS3最厲害的性能之一了。因?yàn)檫@項(xiàng)技術(shù)可以使大家在任何HTML文本上進(jìn)行圖片設(shè)置，而且還不必使用任何圖案。這對(duì)于設(shè)計(jì)人員和Web前端開(kāi)發(fā)人員來(lái)說(shuō)都是一個(gè)里程碑式的發(fā)展。.shadowed{box-shadow:10px10px5px#888;}但是就不要再疑問(wèn)IE瀏覽器是不是能兼容塊陰影了，我可以很肯定的告訴你，它不能。為了效仿CSS的區(qū)塊陰影效果，我們就得使用濾鏡了，方法如下：.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!--圓角圓角，它們?cè)趙eb2.0中從外觀和感覺(jué)來(lái)說(shuō)都是如此受歡迎。css3特地用一個(gè)名為border-radius的屬性解釋它，可以不需要任何圖片就能輕松設(shè)計(jì)出圓角。對(duì)于不了解它的人，我們這里告訴你如何使用它：.round{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}幸運(yùn)的是，有好幾種方法可以在ie環(huán)境下創(chuàng)建不需要圖片的圓角，我最鐘愛(ài)的是一小段叫DDroundies的javascri
8、pt代碼，它能給任何html元素添加圓角下面是給任意一個(gè)類(lèi)名為roundify的html元素添加圓角的例子:<******type="text/jav
