最近在乙個基於bootstrap的專案中遇到了乙個問題，問題的表現是無法顯示bootstrap自帶的那套名為「glyphicon」的圖示，在圖示的引用處顯示的是乙個小方塊兒，裡面隱約可見4個貌似為16進製制的字元，如圖所示：
但在chrome和ie 10下面則是可以正常顯示的，說明這個問題並不是因為使用不當、相關檔案儲存位置錯誤而導致。而且，在另乙個基於同樣版本bootstrap的專案中則沒有遇到這個問題，怪哉~~
後在網上搜到了解決方案，在此分享以供各位遇到問題的同好參考：在ff的位址列中輸入「about:config」，即進入配置介面。進入後，搜尋「security.fileuri.strict_origin_policy」，這是該值應該是true。雙擊該項，其值自動變為false，即可。修改後，再重新整理遇到問題的頁面，即可看到正常顯示的圖示了。
那是什麼原因導致了這個問題的出現呢？原因是ff的乙個安全策略導致的。該策略限制了html檔案訪問不在根目錄下的資料夾中的web fonts。這種限制只在本地開發環境下，同時web fonts並未從遠端獲取時出現。
後來看了下前面提到的那個沒有出現問題的bootstrap專案。果然，其fonts資料夾被放置在了專案的根目錄下。這樣即使不去改變上述安全策略，也是可以正常顯示的。
輪播 呼吸輪播
注意 1 所有的img初始狀態都為絕對定位，display none 防止鏈結 出錯 opacity 0 只有含有cur類的img的display block，opacity 1 2 注意截流 防止使用者狂點 3 使用了運動框架animate.js html js var carrousel doc...
輪播 位置輪播
位置輪播法 只有三個位置供來回切換。其他的由於絕對定位被遮擋住了。類似於上圖，在1,2進行交換，在顯示區域顯示。原理 左拉步驟 老圖拉到1，再把新圖拉到2等待，新圖再拉到顯示區域。如果在左邊就實現右拉的步驟，如果在右邊就實現左拉的步驟。html js 我使用的時560 x 300 imgwidth ...
angularJs和bootstarp的使用
是否確認要刪除該資料?取消確定 修改員工 關閉儲存 新增員工 關閉儲存 新增id員工姓名 性別郵箱 所屬部門 操作 修改 刪除共有 條資料,共有 頁 angular的使用 建立模組 建立控制器 跳轉到指定頁碼 scope.topage function num then function succe...