ホームページ > 記事 > ウェブフロントエンド > CSS 背景色 gradient_html/css_WEB-ITnose
CSS 背景色 gradient_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:51:561809ブラウズ
1. 効果
/* 基本色 */ background: #3FB0AC; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(1, #3FB0AC), color-stop(1, #C5D7A1)); /* chrome 10+, safari 5.1+ */ background-image: -webkit-linear-gradient(#3FB0AC,#C5D7A1); /* firefox; multiple color stops */ background-image: -moz-linear-gradient(top,#3FB0AC,#C5D7A1,#C5D7A1); /* ie 6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FB0AC', endColorstr='#C5D7A1'); /* ie8 + */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FB0AC', endColorstr='#C5D7A1')"; /* ie10 */ background-image: -ms-linear-gradient(#3FB0AC, #C5D7A1); /* opera 11.1 */ background-image: -o-linear-gradient(#3FB0AC, #C5D7A1); /* 标准写法 */ background-image: linear-gradient(#3FB0AC, #C5D7A1);
上記の方法は firefox31 では実行できません。Firefox で実行可能な解決策を教えてください
私の個人ブログ: http: //blog.caicongyang.com
私の個人ウェブサイト: http://www.caicongyang.com
私の CSDN ブログアドレス:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。