:)
---版權所有,請勿抓取本站任何圖片及轉載---

目前分類:CSS (10)

瀏覽方式: 標題列表 簡短摘要

讓瀏覽器的文字實現陰影效果

測試了IE7~IE9 Firefox Opera Google 這幾個瀏覽器都沒問題

這裡利用二句CSS來達成這個效果

設定一句是CSS3的語法 用於設定IE之外的瀏覽器 另一句設定是為了在IE實現陰影效果的濾鏡

在你想加的文字區塊裡面加上這二句CSS即可達成

 

text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

果 發表在 痞客邦 PIXNET 留言(1) 人氣()

 

利用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]-->

果 發表在 痞客邦 PIXNET 留言(0) 人氣()

 

由於工作的需要,所以必須顧著每一個瀏覽器。

有需要的可以用下面的語法在調整每個瀏覽器喔!~到目前還沒有發生過什麼問題。

 

#ccc 是你的id的名稱

其餘都有各瀏覽器的註解在後方。

還有一個要強調的是若要過css無障礙此方式可能不適合。

果 發表在 痞客邦 PIXNET 留言(0) 人氣()


又有新的瀏覽器出來了。又是個頭痛的開始。

IE雖然是個很難用的東西。但,卻是CSS設計寫手不可或缺的東西。

畢竟客戶會出現什麼樣的版面瀏覽器,我們不得而知。

所以只能顧好所有的瀏覽器畫面來維持版面上的好看。

昨天有個客戶說貴單位的網站看到的某區塊出現了黑底。是在IE8所出現的情況。

我上網查了一下。才發現IE8原來並不支援PNG檔案。所以造成原本在IE所使用PNG的寫法出現了黑底無法透明的情況。

果 發表在 痞客邦 PIXNET 留言(0) 人氣()

這個東西讓我們設計師抓破頭。

找了很多網站,還是找不到。

今天我心血來潮又在找這個煩人的東西。居然找到了這個。

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

整個開心到不行的勒。哈...

果 發表在 痞客邦 PIXNET 留言(1) 人氣()


這應該是個開端文而已。


拜DICK所賜。我又開始看書了。雖然下班後沒有多少的時間。

CSS 其實有很多學問,當我開始接觸這個工作後,也學習了一堆以前沒用過的相關語法。

果 發表在 痞客邦 PIXNET 留言(5) 人氣()

 




(CSSVista)

 

果 發表在 痞客邦 PIXNET 留言(2) 人氣()


這樣子的需求,一切都是由於不同瀏覽器慢慢開始掘起。

你希望大家進入你的網頁看到的網站樣子都是一樣的嗎?當然。

當 W3C 標準開始之後,瀏覽器的考慮是每個設計者都很頭痛的事。

果 發表在 痞客邦 PIXNET 留言(1) 人氣()


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+  無  整個區域的背景圖片

果 發表在 痞客邦 PIXNET 留言(3) 人氣()


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可用)

果 發表在 痞客邦 PIXNET 留言(0) 人氣()