讓瀏覽器的文字實現陰影效果
測試了IE7~IE9 Firefox Opera Google 這幾個瀏覽器都沒問題
這裡利用二句CSS來達成這個效果
設定一句是CSS3的語法 用於設定IE之外的瀏覽器 另一句設定是為了在IE實現陰影效果的濾鏡
在你想加的文字區塊裡面加上這二句CSS即可達成
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
:)
---版權所有,請勿抓取本站任何圖片及轉載---
目前分類：CSS (10)
- Jun 06 Wed 2012 11:48
筆記 | 讓瀏覽器的文字實現陰影效果
- May 17 Tue 2011 11:22
筆記 | 利用BODY CLASS 區分IE瀏覽器
利用BODY的CLASS名稱來區分IE瀏覽器
將原先HTML裡架構的body加上下方專用的語法
<!--[if IE 6]><body class="ie6"><![endif]-->
<!--[if IE 7]><body class="ie7"><![endif]-->
<!--[if IE 8]><body class="ie8"><![endif]-->
- Oct 16 Fri 2009 15:01
筆記 | 各瀏覽器的CSS HACK
由於工作的需要，所以必須顧著每一個瀏覽器。
有需要的可以用下面的語法在調整每個瀏覽器喔！~到目前還沒有發生過什麼問題。
#ccc 是你的id的名稱
其餘都有各瀏覽器的註解在後方。
還有一個要強調的是若要過css無障礙此方式可能不適合。
- Feb 05 Thu 2009 19:46
【分享】IE8 免安裝版及IE8 CSS Hack
又有新的瀏覽器出來了。又是個頭痛的開始。
IE雖然是個很難用的東西。但，卻是CSS設計寫手不可或缺的東西。
畢竟客戶會出現什麼樣的版面瀏覽器，我們不得而知。
所以只能顧好所有的瀏覽器畫面來維持版面上的好看。
昨天有個客戶說貴單位的網站看到的某區塊出現了黑底。是在IE8所出現的情況。
我上網查了一下。才發現IE8原來並不支援PNG檔案。所以造成原本在IE所使用PNG的寫法出現了黑底無法透明的情況。
- Sep 22 Mon 2008 22:09
【筆記】FIREFOX CSS Hack
這個東西讓我們設計師抓破頭。
找了很多網站，還是找不到。
今天我心血來潮又在找這個煩人的東西。居然找到了這個。
.foo, x:-moz-any-link { } /* FireFox 2 */
.foo, x:-moz-any-link, x:default { } /* FireFox 3 */
html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */
整個開心到不行的勒。哈...
- Jun 04 Wed 2008 23:23
【學習】開始了漫長的 CSS3 及進階 CSS 學習
- May 20 Tue 2008 23:21
【工具】CSS 瀏覽器工具一覽表(無限期更新)
- Feb 12 Tue 2008 00:12
【設計】CSS Hack 不同瀏覽器樣式設定
- Dec 03 Mon 2007 20:03
【筆記】整理 CSS 樣式表 - 背景屬性
| Background Properties (屬性) |
CSS Version (版本) |
Compatibility (兼容性) |
Inherit From Parent (繼承性) |
Description (簡介) |
| background | CSS1 | IE4+ , NS4+ | 無 | 複合屬性。背景特性 |
| background-attachment | CSS1 | IE4+ , NS6+ | 無 | 依內容滾動或是固定背景 |
| background-color | CSS1 | IE4+ , NS4+ | 無 | 背景色 |
| background-image | CSS1 | IE4+ , NS4+ | 無 | 背景圖片 |
| background-position | CSS1 | IE4+ , NS6+ | 無 | 背景圖位置 |
| background-pisitionX | IE專屬 | IE5.5+ | 無 | 橫坐標位置 |
| background-pisitionY | IE專屬 | IE5.5+ | 無 | 縱坐標位置 |
| background-repeat | CSS1 | IE4+ , NS4+ | 無 | 背景圖片是否要鋪排顯示 |
| layer-background-color | NS專屬 | NS4+ | 無 | 整個區域的背景色 |
| layer-background-image | NS專屬 | NS4+ | 無 | 整個區域的背景圖片 |
- Dec 03 Mon 2007 17:02
【筆記】整理 CSS 樣式表 - 字體屬性
| Font Properties (屬性) |
CSS Version (版本) |
Compatibility (兼容性) |
Inherit From Parent (繼承性) |
Description (簡介) |
| font | CSS1/CSS2 | IE4+ , NS4+ | 有 | 複合屬性。文字特性 |
| color | CSS1 | IE4+ , NS4+ | 有 | 文字顏色 |
| font-family | CSS1 | IE4+ , NS4+ | 有 | 文字字體 |
| font-size | CSS1 | IE4+ , NS4+ | 有 | 字體尺寸 |
| font-size-adjust | CSS2 | none | 有 | 文字字體名稱排列是否強制使用同一尺寸 |
| font-stretch | CSS2 | none | 有 | 文字是否橫向拉伸變形 |
| font-style | CSS1 | IE4+ , NS4+ | 有 | 字體樣式 |
| font-weight | CSS1 | IE4+ , NS4+ | 有 | 字體粗細 |
| text-decoration | CSS1 | IE4+ , NS4+ | 無 | 字體裝飾(劃線 / 閃爍) |
| text-underline-position | IE 專屬 | IE5.5+ | 有 | text-decoration屬性定義下劃線位置 |
| text-shadow | CSS2 | none | 無 | 文字陰影及模糊效果 |
| font-variant | CSS1 | IE4+ , NS6+ | 有 | 文字設為小型大寫字母 |
| text-transform | CSS1 | IE4+ , NS4+ | 有 | 文件大小寫設置 |
| line-height | CSS1 | IE4+ , NS4+ | 有 | 行高 |
| letter-spacing | CSS1 | IE4+ , NS6+ | 有 | 文字之間的間隔 |
| word-spacing | CSS1 | IE4+ , NS6+ | 有 | 單字之間空格數(僅在mac平台的IE可用) |
