XHTML+CSS

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

XHTML+CSS
CSS可以讓東西變成透明,可以讓東西變得漂漂亮亮,但是很麻煩的是,不同瀏覽器需要的寫法不同,因此一個透明,事實上你要寫三行CSS才行。 .opacity { opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }

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

XHTML+CSS
這個貼紙的圓角邊框作法是參考這個網站製作的。

Plurk2:噗浪插頭的貼紙美化

XHTML+CSS
plurk.tw Plurk Plug(噗浪插頭XD)樣式目前有3種,範例如下:

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

XHTML+CSS
今天談用CSS隱藏物件的方式。有些隱藏後會完全消失,不佔位置,有些隱藏後位置還是會在。我盡量舉一些應用的例子來。大部分應用的例子都是「暫時看效果」,不然就是必須搭配javascript做些切換效果時用。 display:none; 用這種宣告方式的話,這東西就會像從沒出現過一樣。 ex.想要暫時把一個東西刪掉,看看效果的時候。

IE7 CSS Hack

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 吃*/

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

XHTML+CSS
如果設計網站的時候,主內容和側邊欄都有設底色或底圖時,當側邊欄和主內容長度不同時,會有不平衡的感覺。 像是Dan Cederholm示範的這張圖:
訂閱文章