2011-12-26 47 views
0

我剛剛下載了dreamweaver cs5.5,並試圖將css3應用於我的頁面,但是儘管我當前的css在Dreamweaver和其他編碼器中都工作正常,但新的css3未應用。 例如我試圖應用邊界半徑,儘管它顯示在我的css列表中,因爲我輸入了它(不像微軟表達式4,雖然我相信它應該),但它並沒有被應用到實際頁。 我也嘗試過使用盒子陰影和線性漸變,兩者都不成功,這使我相信它是一個css3問題。 是否可以像設置Dreamweaver接受css3一樣(在設置中勾選/取消選中某項內容)。css3和dreamweaver

我是一個初學者,任何幫助將不勝感激,也提交q之前,我已經查找它,但它似乎沒有太多的信息在css3,特別是與Dreamweaver css3。 在此先感謝

+0

您正在測試哪個瀏覽器? – Ryan 2011-12-26 05:02:42

+0

ie9和maxthon – user1115862 2011-12-26 08:39:12

+0

如果不使用['filter'](http://msdn.microsoft.com/zh-cn/library/ms532997(v = vs.85).aspx),IE9不支持漸變。 – Ryan 2011-12-26 17:47:15

回答

0

您是否確保包含所有瀏覽器的屬性?另外,我們可以看到你的CSS? 交叉兼容的線性漸變需要看起來像這樣:

linear-gradient(bottom, rgb(48,54,48) 0%, rgb(54,61,54) 100%); 
-o-linear-gradient(bottom, rgb(48,54,48) 0%, rgb(54,61,54) 100%); /*opera*/ 
-moz-linear-gradient(bottom, rgb(48,54,48) 0%, rgb(54,61,54) 100%);/*mozilla*/ 
    -webkit-linear-gradient(bottom, rgb(48,54,48) 0%, rgb(54,61,54) 100%);/*chrome*/ 
-ms-linear-gradient(bottom, rgb(48,54,48) 0%, rgb(54,61,54) 100%);/*IE*/ 
+0

我的CSS如下: – user1115862 2011-12-26 08:39:46

+0

#box { \t \t border:1px solid#696; \t \t padding:60px 0; \t \t text-align:center;寬度:200px; \t \t border-radius:8px; \t \t box-shadow:#666 0px 2px 3px; \t \t背景:#EEFF99; \t \t背景:線性梯度(#EEFF99,#66EE33); \t \t FONT-FAMILY:宋體,日內瓦,無襯線 \t \t} – user1115862 2011-12-26 08:39:56

+0

回車鍵 – user1115862 2011-12-26 08:40:07

0

請參閱您使用的是什麼瀏覽器Internet Explorer 8和下面可能不支持新推出的styles.check它,例如Chrome瀏覽器CSS3。也可以參考@rfinz的回答,你可以看到他是如何爲不同的瀏覽器做的。您可能必須沿着相同的路線工作