CSS中的渐变效果 [英] Gradient Effect in CSS

问题描述

亲爱的朋友，
我已经在页面中使用了渐变效果.
但是它不适用于Google Chrome和Mozilla Firefox.
请提出建议.


#grad1 {filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr =''#003366''，startColorstr =''#55aaee''，gradientType ="2'');}

Dear Friends,
I have used Gradient effect in a page.
But its not working in Google Chrome and Mozilla Firefox.
Kindly suggest.


#grad1{filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=''#003366'', startColorstr=''#55aaee'', gradientType=''2'');}

推荐答案

#gradftb {color: #55aaee;height: 23px;padding: 0px;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #55aaee, #003366);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55aaee, endColorstr=#003366);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";}

这篇关于CSS中的渐变效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！