border:none 與border:0的區別


border:none與border:0的區別體現為兩點:一是理論上的性能差異,二是瀏覽器兼容性的差異。

性能差異:

【border:0;】把border設為“0”像素效果等於border-width:0,瀏覽器依然對border-width、border-color進行了渲染,即已經占用了內存值。

【border:none;】把border設為“none”,實際效果等同於border-style:none,瀏覽器解析“none”時將不作出渲染動作,即不會消耗內存值。

兼容性差異:

IE6、IE7中,border為“none”時,標簽button、input邊框依然存在。

解決方法:

1,input,button{border:none;background:none;} 據說這種方法理論上沒有性能消耗,添加background來實現兼容,難道不需要占用內存???

2,input,button{border:0 none;} 個人覺得這種方法相較於第一種通過background實現兼容的方法要好

3,input,button{border:0;}這種方法字符最少,大項目中節省的流量啊,而且我覺得這個內存消耗神馬滴可以通過其他頁面優化來彌補。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM