用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼
在WEB上傳文件時(shí)，要用到上傳框：
<input type="file" id="f" name="f">
這東東在IE(其他偶沒經(jīng)過測試)中是一個(gè)非常特殊的對象。 如果是您手動寫入的或其他對象經(jīng)過某些事件觸發(fā)填入的值 ，由于安全問題，在進(jìn)行提交表單時(shí)，往往會被清空，所以上傳失敗。 簡單點(diǎn)說，除非你的鼠標(biāo)親自點(diǎn)到了上傳框f上，IE才會給你上傳文件！
哪怕你將 f 的onclick句柄賦給某個(gè)對象，如：
<input type="file" id="f" name="f">
<input onclick="f.click()" value="點(diǎn)擊">
你 “點(diǎn)擊” 后，同樣會彈出文件選擇對話框，可惜失望地：你照樣不能上傳文件！ 怎么辦呢？ 看下這段：
<BODY onmousemove="f.style.pixelLeft=event.x-200;f.style.pixelTop=event.y-10;">
<input type="text"><input type="button" onmousemove="">
<input type="file" id="f" name="f" style="position:absolute;">
</BODY>
隨便點(diǎn)擊鼠標(biāo)，看到效果了吧？ 基于上面的思路，偶們就可以把它弄到一個(gè)button下面就OK了！！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
為了達(dá)到真正模擬的效果，還得要把f給隱藏，加個(gè)不透明的alpha 濾鏡即可，再加上 hidefocus 屬性，隱藏f的虛線：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
可以看下opacity=0改為稍大些的效果。
OK了，現(xiàn)在你就可以控制它們的樣式、位置了。。。
相關(guān)文章
提高網(wǎng)頁的效率 Use YSlow to know why your web Slow
內(nèi)容再豐富的網(wǎng)站，如果慢到無法訪問也是毫無意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭(頁面效率和搜索蜘蛛之間的關(guān)系，需要進(jìn)一步的確認(rèn)，此為和上篇保持統(tǒng)一)； UE設(shè)計(jì)的再人性化的網(wǎng)站，如果用戶連看都看不到也是空談。2008-09-09
2008-02-02
firefox background-image垂直平鋪問題的解決方法
firefox下background-image的垂直平鋪repeat-y不設(shè)置height的解決辦法2008-07-07
之所以說IE不好，是因?yàn)镮E會誤導(dǎo)了你對CSS模型的理解，讓你以為IE的理解是對的，之后無論如何你都無法用你的IE模型理論去為你那個(gè)無法在FF正常顯示的CSS提供fix。2008-09-09
分頁顯示之超級提速版...2006-12-12
讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容
讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容...2007-04-04
不用javascript實(shí)現(xiàn)帶序號的表格隔行換色的效果
這篇文章使用css實(shí)現(xiàn)隔行換色的方法，需要的朋友可以參考一下2007-11-11
一般div+css分頁效果的實(shí)現(xiàn)代碼2008-12-12
頁面與css之間的聯(lián)系，老手和新手都需要了解2008-08-08
不用float實(shí)現(xiàn)div模塊居中布局...2007-02-02