css-gradien渐变如何设置初始位置

html-css08

css-gradien渐变如何设置初始位置,第1张

针对不同浏览器有不同的前缀,基本还是相似的,下面的意思是线性渐变,从上方开始,从黑色渐变到白色

-webkit-linear-gradient(top,#000,#fff)

-moz-linear-gradient(top,#000,#fff)

-o-linear-gradient(top,,#000,#fff)

也可以加一些渐变中间的颜色

-webkit-linear-gradient(top,#000,#eee 20%,#fff)

也可以使用color stop,跟上面的意思相同

-webkit-linear-gradient(top,#000,color-stop(0.2, #eee),#fff)

CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。 IE6不认识它的,IE7和别的浏览器中可以用,用来处理浏览器的兼容性,这里写段代码:

<html>

<head>

<title>黄色背景</title>

<style type="text/css">

body

{

background-color:yellow!important

background:red

}

</style>

</head>

<body >

</body>

</html>