簡單的CSS樣式不會顯示..爲什麼要？

所以我試圖用我從一個顏色生成器獲得的背景漸變來爲我的html的div部分着色，但由於某些原因，此代碼不起作用。簡單的CSS樣式不會顯示..爲什麼要？

我跟隨css/html教程，我正在複製他們做的事情，但當我做出自己的調整時，它不適合我。看到我的代碼如下。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html> 

    <head> 
     <title>Let's Play</title> 
     <link href="styles.css" rel="stylesheet" type="text/css"> 
    </head> 

    <body> 
     <div id="mainbg">this part should have a colored gradient</div> 
    </body> 

</html>

我的CSS是..

<style type ="text/css"> 


#mainbg{ 
    background: -webkit-linear-gradient(left, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */ 
    /* background-color: rgb(149, 206, 145); */ 
} 
</style>

甚至不是一個普通的背景顯示出來..在此先感謝

來源

2012-05-16 user772401

你用什麼瀏覽器來測試？我正在運行Chrome瀏覽器，並且看到沒有問題的漸變（http://jsfiddle.net/schawaska/BUuav/） – MilkyWayJoe

從你的CSS文件中刪除<style type ="text/css">和</style>標籤讓你有：

#mainbg{ 
    background: -webkit-linear-gradient(left, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */ 
    /* background-color: rgb(149, 206, 145); */ 
}

來源

2012-05-16 19:52:48 Robin

但是，如果這是HTML文件中的樣式塊，請將這些標記放入。+1 –

感謝它的工作！我把它們放在那裏的原因是bkz這個教程我跟着他們......他們是什麼意思？ – user772401

如果你直接在HTML文件中定義CSS，你會使用這些標籤 – Robin

你說你的css是：

<style type ="text/css">...

我覺得風格標籤引起，因爲我看不出有什麼不對您的CSS代碼的問題。

來源

2012-05-16 19:58:10 shingokko

謝謝你的工作 – user772401

This似乎涵蓋了關於css3梯度的一切。

你一定要加一句：

-moz過濾
-MS-過濾
-ms-
-O-
等

來源

2012-05-16 20:12:18 Anonymaus

簡單的CSS樣式不會顯示..爲什麼要？

回答

相關問題