- 最近在用 IE 檢查網站相容性時，遇到開啟 localhost 時會停頓一陣子的問題。後來在 IE10访问apache 2.4会奇慢的解决办法 - mikelij - 博客园 一文看到解決方式，就是在 httpd.conf 加入下列參數：
AcceptFilter http none AcceptFilter https none
- AcceptFilter Directive - core - Apache HTTP Server
2013-09-05
IE10 開啟 localhost 會停頓的問題
2013-08-31
CSS 以圖取代文字
- 用 CSS 將文字以底圖取代，實例可參考 CSS Zen Garden。
- 另外還得考量無障礙 (Accessibility) 和搜尋引擎最佳化 (SEO)
display: none
<h1><span>Headline 1</span></h1>
h1{ background: url(headline1.png); width: 200px; height: 100px; } h1 span{ display:none; }- 需要額外的元素
visibility: hidden
<h1><span>Headline 1</span></h1>
h1{ background: url(headline1.png); width: 200px; height: 100px; } h1 span{ visibility: hidden; }- 基本上和 display:none; 一樣，只是有佔空間
text-indent: -9999px
<h1>Headline 1</h1>
h1{ background: url(headline1.png); width: 200px; height: 100px; white-space: nowrap; /* 設為不換行，使內容集中在一行 */ text-indent: -9999px; }- 好處是不需要額外的標籤
text-indent: 100%;
<h1>Headline 1</h1>
h1{ background: url(headline1.png); width: 200px; height: 100px; white-space: nowrap; /* 設為不換行，使內容集中在一行 */ text-indent: 100%; overflow: hidden; }- 同上，但可避免讓瀏覽器建立一個大而無用的格子
2013-03-28
開啟 ASP.NET 除錯
- 這是在修改遠端 ASP.NET 網站遇到的問題，伺服器預設會避免顯示詳細的錯誤資訊並導向錯誤訊息面頁，立意良善但要除錯就麻煩了…
- 修改 web.config ：
<?xml version="1.0"?> <configuration> <system.web> <customErrors mode="Off"/> <compilation debug="true"> </compilation> </system.web> </configuration>
2013-02-09
Chrome 會自動啟用 Flash plug-in
- 剛更新完 Flash 後才發現的，還以為我電腦中毒咧！(Google Chrome 24.0.1312.57 m, Win 7, Adobe Flash Player 11.5.31.139)
- 目前解決辨法：將C:\Users\Username\AppData\Local\Google\Chrome\Application\24.0.1312.57\PepperFlash 這個目錄給改名。
- SimpleRNA: Google Chrome Auto-Enables Flash, Degrades User Experience
- Pepper Flash Will NOT stay Disabled - Enables Itself Every Day - Google 網上論壇
2012-11-12
使用 <img> 或 CSS/background-image 的時機
- <img>:
- 適用於“屬於內容”一部份的圖片，像是旅遊的文章與其相片
- 使用 alt 屬性，有利於無障礙設計
- CSS/background-image:
- 適合用於“不屬於內容”一部份的圖片，像是清單圖示、裝飾用圖
- 可以用於“以圖代文”，參考 css Zen Garden 裡用底圖取代標題文字的作法
- 可以使用 CSS sprites 減少下載次數與頻寬
- CSS2 還無法縮放圖片大小 (CSS3/background-size)
2012-09-07
2012-07-31
CSS height:100% 無法佔滿畫面整個高度
- 結論：連 html 與 body 都要設定 height:100%
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html { height:100%; } body { height:100%; margin:0; padding:0; } div { border:1px solid black; background:green; height:100%; } </style> </head> <body> <div>long long long long long long long long text with break</div> </body> </html>
表格(table, td) 的 overflow 屬性無作用
- 直接記結論如下：
- table 要加上 table-layout:fixed 的屬性
- table 要設定寬度 width 的屬性，僅有 td 設定寬度是不夠的！
- 如果連有空格分隔的段落也要隱藏，則加上 white-space:nowrap
- 「overflow:hidden」！
Subscribe to:
Posts (Atom)
