用了很久，今天總算想到來寫一下。
2011年7月30日
2011年7月27日
任意時間時區換算 World Time Buddy
http://www.worldtimebuddy.com/
介面非常簡單，以下只提幾個操作重點。
- 增加城市：左上輸入區塊可直接輸入世界各地的城市名稱，目前只限英文。
- 選擇日期：輸入區塊右方的日曆點開就可選擇任意日期。
- 12 / 24 時制切換：點右上方的「am / pm / 24」圖示可直接切換。
2011年7月18日
CSS 圖片垂直置中
Chrome, Firefox, Safari, Opera, IE8/9
CSS
.a{
display: table-cell;
vertical-align: middle;
}HTML
<div class="a">
<img src="…" />
</div>
IE7
CSS
.a{
display: table-cell;
line-height: (高度同容器 height) ;
vertical-align: middle;
}
.b{
display: inline;
}HTML
<div class="a">
<img src="…" class="b" />
</div>
P.S. 若使用此方法後，在 IE7 仍然無法垂直置中，請檢查一下在 <html> 前有沒有 <!DOCTYPE> (W3CSchools <!DOCTYPE>)
2011年7月10日
黑龍公主巢穴鑰匙 / 龍火護符 / 溫德索爾元帥任務串備份
[54] 黑龍的威脅 Dragonkin Menace
起始：赫林迪斯‧河角 Helendis Riverhorn
結束：赫林迪斯‧河角 Helendis Riverhorn
燃燒平原上永遠充滿了爭端。
看看這個地方!我們不知道這些建築到底是怎麼回事，但是我們會永遠記住，在大爆炸之前，這些地方原本都是屬於赤脊山範圍的。
現在的情況真是太糟糕了!我們碰到了一個問題，[玩家姓名]。你也許已經注意到在這道山脊下徘徊的那些龍了。殺了它們，越多越好。去完成這個任務，然後我們再來談談別的。
2011年7月6日
Opera 背景高度無法擴展
原因
若網頁內容高度比視窗高度少，內容底部至視窗底部的這一段有可能會是瀏覽器的預設背景色。（預設值通常會白色）
若使用 Fullscreen 功能再縮回，這一段背景會回復正常。但重新整理後又會出現兩塊背景。
解法
分別在
html和body加上min-height:100%強迫擴展高度。CSS 部份
html, body{min-height:100%;}
IE6 Overflow:hidden 失效
原因
CSS 部份
div#A{overflow:hidden;}
div#B{position:relative;}HTML 部份
<div id="A">
<div id="B"></div>
</div>說明：這是 IE6 的 Bug。當子元素 B 設了
position:relative後，父元素 A 的overflow:hidden會失效，B 區塊超出 A 的部份無法被隱藏。
解法
在父元素的 CSS 也加上 position:relative 即可。
div#A{
position:relative;
overflow:hidden;
}
div#B{position:relative;}
IE6 Bug: position:absolute 區塊消失
原因
CSS 部份
div#A{position:absolute;}
div#B{float:left;}HTML 部份
<div id="A"></div>
<div id="B"></div>說明：因為 IE6 自身的 Bug，若設了
position:absolute的 A 後面緊接著設了float的 B，A 會消失不見。
解法
在 A 跟 B 之間夾一個空的 div，讓 A 不會緊臨著設了
float的元素。。<div id="A"></div>
<div></div>
<div id="B"></div>若要寫得漂亮一點，只針對 IE6 的話可以用註解的方式：
<div id="A"></div>
<!--[if IE 6]><div></div><![endif]-->
<div id="B"></div>
訂閱：
文章 (Atom)