IE6 的 position:fixed Hack

IE8 總算釋出更新了,用力把 IE6 埋起來的日子真是指日可待,可喜可賀。突然覺得,是不是應該要聯合世界上那些曾經受到 IE 摧殘的網站開發人員一起去跟微軟申請精神賠償,那種爲了IE 這奶奶的虫的瀏覽器不知死了多少腦細胞白了多少頭髮的痛苦,我想已經退休又是世界首富的比爾兄應該是一直沒有嚐過,不然怎麼還非要等到敗訴以後才要開發比較正常的 IE8 瀏覽器?

CSS 半透明效果

每次用都要查一下,好煩,放在這裡好了,超簡單的一行,又有灌水的嫌疑~哈哈!還有,到底什麼時候 IE 才會支援 CSS3 啊!好煩啊~

Selector – 選取器

CSS要寫得好,一定要有很好的階層概念,這樣才不會迷路。當你的網頁當中有很多樣式名稱重複的時候,就要依賴具備階層概念的選取方式來選到你要的元件。

CSS 圓角技術

CSS 圓角,可以說是一個相當煩人的東西,雖然圖檔比較容易,但是這篇文章不討論使用圖檔製作圓角的方法,而是使用純粹的CSS。

vertical-align 的 CSS 解決方法

這個 IE6 ,實在是讓人吐血,今天,遇到了圖片水平垂直置中的問題,為了要製作看起來漂亮的相簿效果,不論相片是寬是長,是大是小,只要在一定的尺寸以內,都希望它能夠漂漂亮亮的置中;當然,這個相簿本身並不是以 <table> 呈現,而是用 <ul><li> 的列表方式來呈現,也就是說,我當然不能使用 vlaign=”middle” 這種方式來做垂直置中。

CSS也來壓縮吧!

沒想到吧!CSS也是可以被壓縮的唷!其實,我朋友曾經問過我,有必要對CSS做這種手段的壓縮嗎?我想,如果CSS又少又精簡,當然可以不需要這麼做,但是如果CSS又大又恐怖的話,我想這樣的壓縮動作也許還可以幫上一點忙吧!

CSS最佳化

千萬不要以為網站使用了CSS,就會變得比較有效率,如果CSS寫得亂七八糟,也還是會拖慢網頁速度的。每次看到那種把<div>當成表格用的人,就很想勸他,如果真的不會用CSS又不想學,就乾脆不要用<div>來強迫自己排版,因為你排得痛苦,瀏覽器跟我也很痛苦。

區塊排版 Box Model

很多使用CSS的人都會抱怨,為什麼IE排版看起來恰到好處,換成其他瀏覽器來看就是慘不忍睹,也有不少人因此把「使用CSS」與「無法跨平台」這兩件事情給劃上等號,唉~可憐CSS,沒事要去替IE擔大便,明明是IE理解能力差勁,反而讓CSS搞到一身臭名。不過最近我再找資料的時候,卻赫然發現,IE居然退讓了!從官方說明以及我實地測試的結果看來,IE6及IE7已經徹底改變了原本錯誤的box model計算方式,改為遵循W3C的box model規範,這可以說是一件可喜可賀的事情,咱們家老弟還笑說難道是因為比爾蓋茲要退休的關係嗎?沒想到IE居然也願意遵照W3C的標準化規範呢!看來我們要慢慢修正對於IE的壞印象囉!XD(不過官方文件上寫說Updated September 2006,已經更新這麼久了?我怎麼都沒有感覺啊?大概是成見太深了~XD)