渐变效果中的文字颜色 [英] Text Color in gradient effect

问题描述

亲爱的朋友，
我在页面中使用了渐变效果.
但是我的文本内容没有显示为我提到的黑色(#000000).
有点像白色.
请为此指导我.下面是我使用的编码.

Dear Friends,
I have used the gradient effect in my page.
But my text content is not displayed in black color (#000000) what I have mentioned.
It is something like white.
Kindly guide me on this. Below is the coding what I use.

.My_Class{margin: 1px;
    padding: 10px;
    color: #000000;
    font-family: 'Quando', cursive;
    font-size:14px;
    background: #f8ffe8;  /*Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1); /* IE6-8 *}

仅在IE中会出现此问题.

This problem occurs only in IE.

推荐答案

background-image: linear-gradient(bottom, rgb(52,140,72) 30%, rgb(118,190,168) 72%);
background-image: -o-linear-gradient(bottom, rgb(52,140,72) 30%, rgb(118,190,168) 72%);
background-image: -moz-linear-gradient(bottom, rgb(52,140,72) 30%, rgb(118,190,168) 72%);
background-image: -webkit-linear-gradient(bottom, rgb(52,140,72) 30%, rgb(118,190,168) 72%);
background-image: -ms-linear-gradient(bottom, rgb(52,140,72) 30%, rgb(118,190,168) 72%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, rgb(52,140,72)),
    color-stop(0.72, rgb(118,190,168))
);

请参考以下链接:
CSS3渐变生成器 [ ^ ]
跨浏览器CSS渐变 [最终CSS渐变生成器 [ ^ ]
CSS渐变背景生成器 [

Refer the links below:
CSS3 Gradient Generator[^]
Cross-Browser CSS Gradient [^]
Ultimate CSS Gradient Generator[^]
CSS Gradient Background Maker [^]



-Amit

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