用一個之前建置的頁面來套版改寫,其中有用到 Bootstrap 3 的內置視窗 (modal) 功能,在舊網站裡連續開兩個也能正常顯示,但是在改寫後的另一個子網站裡使用,不知道被頁面上什麼內容干擾了,原本在 modal 跳出後底部遮蔽內容用的灰色遮罩,會在某一層 modal 出現後,就蓋在整個畫面上,連 modal 都被蓋住了。
這個情況是 body 裡的 class "modal-open" 不知道在什麼狀況下被移除了,補回去就好了。
小攻城師 發表在 痞客邦 留言(0) 人氣(265)
第一次用 CSS 的 flex 排版時,覺得超級驚豔!可以輕鬆的將一系列物件調整至等高、置中對齊、基線對齊等,要把東西拉成一列或排成一欄也只要透過 "flex-direction" 一個 CSS 屬性,就能調整。就連分散對齊都是一秒設定!
所以收集一下覺得很不錯的教學文:
小攻城師 發表在 痞客邦 留言(0) 人氣(11)
今天有同事問:可不可以只列印頁框的內容?
因為 IE (Internet Explorer) 可以在預覽列印中選擇列印範圍:
小攻城師 發表在 痞客邦 留言(0) 人氣(2,627)
網路上有一篇嘉義大學在 106 年 8 月通過無障礙 A 等級的心得文,受益於該文章,而且覺得完整的「無障礙規範索引」超冗長,以下整理一些之前申請網站無障礙常遇到的問題。
(先寫想到的,有空再持續補充)
小攻城師 發表在 痞客邦 留言(0) 人氣(93)

原本參考《透過Javascript觸發檔案下載》寫的下載檔案功能,會透過 JavaScript 在頁面內容塞 iframe,觸發瀏覽器的下載事件。
但在 IE 會出現錯誤訊息:
小攻城師 發表在 痞客邦 留言(0) 人氣(114)

今天有 user 反映,在某個表單頁面,輸入資料後會出現以下訊息,每個瀏覽器反應都不同:
IE:「您必須輸入有效的值」
Firefox: 「請選擇有效的值。最接近的有效值為 1 與 2。」
Chrome: 「請輸入有效值。最接近的兩個有效值分別是 1 和 2。」
小攻城師 發表在 痞客邦 留言(0) 人氣(135)
要申請無障礙網路空間的「網站無障礙規範」認證標章,需要先通過其檢測工具 freego 的機器檢測。
這天檢測時遇到一個問題:freego 程式出現錯誤訊息視窗,「瀏覽器開啟錯誤,請檢查ChromeDriver與本機Chrome瀏覽器的版本是否相應」。
小攻城師 發表在 痞客邦 留言(0) 人氣(542)
今天的題目是有人問在 LINE 上面看到分享網站連結時,因為頁面沒有在 <meta> 裡設定 description、og:description 這些內容,所以預覽文字會從頁面最上方的內容爬下來。
修改 description 後可以怎麼辦呢?
小攻城師 發表在 痞客邦 留言(0) 人氣(622)
因為需要讓手上編寫的網頁符合無障礙標準,所以要安裝 Freego,想說在 macOS 上裝來用看看。
結果到 NCC 的無障礙網路空間服務網的下載專區,下載「單機版檢測工具 Freego 2.0」的 Linux 版後,解壓縮之後打開終端機 (terminal) 視窗,切到目錄、執行主程式:
小攻城師 發表在 痞客邦 留言(0) 人氣(1,123)

有個網站昨天從 HTTP 升級成 HTTPS,但今天有部分使用者反映無法連線到該網站。
首先遇到的問題是,該 HTTPS 網站用了特殊 port 8080,而防火牆預設只提供 80 與 443,所以要請網管搭配設定。
小攻城師 發表在 痞客邦 留言(0) 人氣(8,005)