2013/01/07

text-shadow 第二頁

text-align | text-decoration | text-indent | text-overflow | text-shadow | text-transform
text-shadow 2

:HOVER, :ACTIVE 的應用。使用時要注意,在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。

javascript 應用。可以用 style 物件 的特徵 textShadow 作動態變化。在 IE6 必須用 object.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(sProperties)" 作動態變化。

  • IE 沒有 textShadow;Firefox 的輸出是 '15px 15px blue';Safari, Chrome 的輸出是 'blue 15px 15px'。
  • 上例中使用了兩個 toogleCSS(),第二個是給 IE 使用;第一個在 Safari 成功展現。
text-shadow(你正在看 第二頁) : 第一頁 第二頁