XHTML+CSS

[CSS] 萬無一失的透明寫法

花水木在2009-10-22 (四) 11:21初次發表，在2009-10-22 (四) 20:23做了最後更新。
XHTML+CSS
CSS可以讓東西變成透明，可以讓東西變得漂漂亮亮，但是很麻煩的是，不同瀏覽器需要的寫法不同，因此一個透明，事實上你要寫三行CSS才行。 .opacity { opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
in

Plurk2:花水木版圓角作法&原始檔

花水木在2009-02-19 (四) 14:08初次發表，在2009-02-19 (四) 14:30做了最後更新。
XHTML+CSS
這個貼紙的圓角邊框作法是參考這個網站製作的。
in

Plurk2:噗浪插頭的貼紙美化

花水木在2009-02-19 (四) 12:22初次發表，在2009-02-20 (五) 12:18做了最後更新。
XHTML+CSS
plurk.tw Plurk Plug(噗浪插頭XD)樣式目前有3種，範例如下：
in

用CSS把東西隱藏的兩種方法

花水木在2009-02-16 (一) 14:35初次發表，在2009-02-16 (一) 14:35做了最後更新。
XHTML+CSS
今天談用CSS隱藏物件的方式。有些隱藏後會完全消失，不佔位置，有些隱藏後位置還是會在。我盡量舉一些應用的例子來。大部分應用的例子都是「暫時看效果」，不然就是必須搭配javascript做些切換效果時用。 display:none; 用這種宣告方式的話，這東西就會像從沒出現過一樣。 ex.想要暫時把一個東西刪掉，看看效果的時候。
in

IE7 CSS Hack

花水木在2009-02-16 (一) 14:07初次發表，在2009-02-16 (一) 14:07做了最後更新。
XHTML+CSS
換了新佈景，但對於CSS的position，Firefox和IE7仍有不同看法。(IE 6沒測試)所以找了IE 7 CSS Hack的方式。 /* 全部都有用 */ #h1{position: absolute; top: 0.15em;}   /* Firefox 吃*/ html>body #h1{ top: 0.25em;}   /* IE7 吃*/
in

平衡主內容和側邊欄的高度

花水木在2009-01-22 (四) 16:33初次發表，在2009-02-18 (三) 00:25做了最後更新。
XHTML+CSS
如果設計網站的時候，主內容和側邊欄都有設底色或底圖時，當側邊欄和主內容長度不同時，會有不平衡的感覺。 像是Dan Cederholm示範的這張圖：
in
訂閱文章