Windows XP Windows 7 Windows 2003 Windows Vista Windows教程綜合 Linux 系統教程
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟件教程
 Windows教程網 >> Windows 8系統教程 >> win8系統基礎知識 >> 讓Win8中的固定網站具有高品質視覺效果

讓Win8中的固定網站具有高品質視覺效果

日期:2017/1/24 15:45:48      編輯:win8系統基礎知識

微軟在Win8中的固定網站中,介紹了網站開發人員如何在Windows8的“開始”屏幕上為其網站的固定網站磁貼提供一個網站圖標 (favicon)。許多開發者都提供了相同的反饋,即希望提供更高分辨率的視覺效果,以便通過用戶的固定網站磁貼更好地展現網站品牌。微軟在IE官方博客中特意做出回應:

示例

下面就是兩個固定網站磁貼的示例,它們使用網站的favicon,分別自動確定顏色(左)以及使用自定義的磁貼顏色來確定高分辨率的PNG(右):

標記

Meta標記指定磁貼的圖像和背景顏色。示例:

<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>

<meta name="msapplication-TileColor" content="#d83434"/>

磁貼圖像必須是長144px寬144px的方形PNG。為了獲得最佳效果,建議使用透明的背景,而不是與磁貼顏色一致的背景色。可以使用CSS的 #rrggbb表示法(通過CSS顏色名稱或通過CSS rgb()函數)將磁貼顏色指定為十六進制RGB顏色。

注意:當用戶將該網站固定到其“開始”屏幕,IE10僅會下載磁貼圖像,以確保網站不會帶來額外的寬帶消耗。

Copyright © Windows教程網 All Rights Reserved