简单的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样式不会显示..为什么要？

回答

相关问题