Click here to Skip to main content
11,415,301 members (79,980 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS CSS3 Style
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 *}

This problem occurs only in IE.
Posted 1-Aug-12 19:18pm
Edited 1-Aug-12 19:36pm
v3
Comments
_Amy at 2-Aug-12 0:35am
   
In which color it is getting?
Arunprasath Natarajan at 2-Aug-12 0:39am
   
Its Transparent

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Hi,
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))
);
Refer the links below:
CSS3 Gradient Generator[^]
Cross-Browser CSS Gradient [^]
Ultimate CSS Gradient Generator[^]
CSS Gradient Background Maker [^]



-Amit
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 9,200
1 OriginalGriff 7,512
2 Maciej Los 3,710
3 Abhinav S 3,298
4 Peter Leow 3,084


Advertise | Privacy | Mobile
Web02 | 2.8.150427.4 | Last Updated 2 Aug 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100