利用!important,分隔IE6與非IE6瀏覽器所套用的CSS樣式

最近在寫網頁時遇到一些CSS樣式在IE與非IE瀏覽器顯示差異的狀況,
例如我希望某個div有最小高度320px的限制,
雖然可以在CSS加入:
[cc_css]min-height: 320px;[/cc_css]
但問題是IE6並不認識min-height,
而height若是給定值,
當div的內容超過給定的高度IE6會自己延伸,
非IE6的瀏覽器則是照給定的值。

後來找了一下相關文章發現可以利用!important這個語法,
這個語法是用來提高樣式的優先權,
例如我在CSS中寫下:
[cc_css]height: 200px !important;
height: 240px;[/cc_css]
那麼實際套用的高度是200px而不是240px,
而IE6是看不懂!important,
如此一來可以利用這個語法來分隔IE6與非IE6瀏覽器所套用的樣式。

假設我希望某個div高度最小為120px且會隨著內容長度自動延伸,
而不管IE6還是IE8、Firefox等瀏覽器都能達到同樣的效果,
就可以這麼寫:
[cc_css]height: auto !important;
height: 120px;
min-height: 120px;[/cc_css]
對IE6來說它只看懂height: 120px,
而對非IE6的瀏覽器來說,
兩個重覆定義的height只有auto會生效並且最小高度120px也能順利運作,
如此一來便可解決這種惱人的問題。

機動戰士鋼彈UC 第1話觀後感

雖然沒拜讀過原作小說,
不過難得以UC背景推出的OVA真的是令人眼睛一亮,
極佳的作畫水準,
細節表現部份也令人讚賞,
像是人物在駕駛艙承受著G力、人物在操作感應砲前的神情等等十分生動。
而它的音樂個人尤其喜愛,
和畫面節奏實在是相搭配,
似乎每一個音符都隨畫面的一靜一動而舞動著,
尤其最後主角與父親訣別後啟動Unicorn到把剎帝利推出殖民地這一段個人是最喜歡的。
gundam_unicorn

最令人印象深刻的莫過於開頭特裝傑鋼與剎帝利兩架MS的對戰,
很難得表現出即使是量產機也是仍有一拼的絕佳表現與氣勢,
雖然最後還是不敵剎帝利但也不得不為這架傑鋼的駕駛員致上最大的敬意,
反倒是後面數架新銳的Ζ量產機-ReZEL的表現反而不怎麼亮眼,
看了先前傑鋼的表現再看後面同樣被爆機的ReZEL總覺得十分不過癮。
stark_jegan

劇情上是圍繞著「拉普拉斯之盒」為中心,
這神奇的東西會帶什麼重大的影響相信應該是劇情的重點,
主角機Unicorn和似乎它也有一定程度的關聯。
而在時間線上的前作逆襲的夏亞中活躍的隆德貝爾艦隊,
在這部作品的表現感覺真的是有點黑暗…
於殖民地中毫無顧忌地大打出手,
還有兩架ReZEL玩弄著一架吉拉.祖魯,
在這部作品裡這支艦隊會扮演著什麼樣的角色呢?
而最令人好奇的是我們的萬年艦長-布萊特.諾亞似乎也會在這部作品中登場,
不知為請到哪一位聲優來擔綱這個角色。

不過話說劇中的米妮瓦真的是成長不少,
在Ζ鋼彈中的米妮瓦感覺凡事都需要哈曼來打理,
像是一個不知世事的公主一般,
在Unicorn裡蛻變成一位相當具有行動力的少女,
與卡帝亞斯會面時也展現出不凡的氣息,
比起主角巴納吉,
個人反而期待米妮瓦在後面故事的表現。
mineva

免費好用的Web IDE – Aptana

因為這陣子在寫PHP的緣故也順便玩了一些編輯器,
雖然已經對於Dreamwaver那種WYSIWYG的環境不再嚮往,
不過一些像是關鍵字提示、標籤自動完成、基本除錯等等功能還是覺得很實用,
也能夠加快編寫效率,
最近找到了一個不錯的免費軟體 – Aptana
Aptana01

Aptana是以著名的Eclipse開發整合環境為基礎,
因此除了獨立執行版本外也有提供給Eclipse用的Aptana Plugin,
本身即支援HTML、CSS和Javascript等環境,
而且能夠透過Plugin使Aptana支援PHP。
簡述一下做法和設定:
(1) 到 Help → Install Aptana Features
(2) 在 Featured Plugins選擇 PHP Development Tools (PDT) 和 PHP Debugger Binaries (PDT)
(3) 接來會有版本選擇,我是選用較新的2.1.2版
(4) 最後License Text點選同意就會開始進行安裝動作。
Read More