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ù)展示的標題背景等等,本例使用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