生活随笔
收集整理的這篇文章主要介紹了
渐变色--浏览器兼容性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
說明：
? ?1.360兼容模式效果不好
? ?2.可以直接用不同瀏覽器打開這個頁面查看效果
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body{
background-color:#2C3849;
/*漸變色--瀏覽器兼容性*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2a4053), to(#47354a));/*谷歌*/
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2a4053,endColorStr=#47354a); /**IE 6 7 8*!**/
background: -ms-linear-gradient(top, #2a4053,#47354a); /* IE 10 */
background:-moz-linear-gradient(top, #2a4053,#47354a);/*火狐*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5e91ca), to(#47354a)); /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #2a4053,#47354a); /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #2a4053,#47354a); /*Opera 11.10+*/
}
</style>
</head>
<body>
</body>
</html> |
|
?
轉載于:https://www.cnblogs.com/haley168/p/gradient.html
總結
以上是生活随笔為你收集整理的渐变色--浏览器兼容性的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
