CSS設(shè)置DIV背景色漸變顯示兼容IE/火狐/谷歌
發(fā)布時間：2013-09-30 15:27:21 作者：佚名 
我要評論
我要評論DIV背景色漸變在以前的文章中也有介紹過，但并沒有同時兼容IE、火狐、谷歌，而本文的這個示例卻可以同時兼容，建議喜歡的朋友參考下
復(fù)制代碼
代碼如下:<style type="text/css">
.linear{
width:100%;
height:600px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/
}
</style>
<body>
<div class="linear"></div>
</body>
相關(guān)文章
- 很多地方都用到了線性漸變，比如：表單提交按鈕的背景，數(shù)據(jù)展示的標(biāo)題背景等等，本例使用css3：linear-gradient及ie 濾鏡：filter來實現(xiàn)2014-06-05
CSS實現(xiàn)切角+邊框+投影+內(nèi)容背景色漸變效果
這篇文章主要介紹了CSS實現(xiàn)切角+邊框+投影+內(nèi)容背景色漸變效果，單純用css實現(xiàn)切角+邊框+投影+內(nèi)容背景色漸變所有效果，因為UI沒給背景切圖，尋思這個理論上用css就能實現(xiàn)2021-10-27
