I know that Internet Explorer has some proprietary extensions so that you can do things like create divs with a gradient background. I can't remember the element name or it's usage. Does anyone have some examples or links?
+3
A:
Look at the custom CSS filters IE can handle http://msdn.microsoft.com/en-us/library/ms532847.aspx
Nick
2008-10-17 20:37:26
That's it! thanks.
Jeremy
2008-10-17 20:54:41
A:
filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0,startColorStr=#d8cde9, endColorStr=#8f7eac);
Liam
2008-10-17 20:39:30
A:
Right from ScriptFX.com article:
<body bgcolor="#000000" topmargin="0" leftmargin="0">
<div style="width:100%;height:100%; filter: progid:
DXImageTransform.Microsoft.Gradient (GradientType=1,
StartColorStr='#FF006600', EndColorStr='#ff456789')">
Your page content goes in here ...... at the end of all the page content, you must close the <div> tag, immediately before the closing <body> tag.... as below
</div>
</body>
vmarquez
2008-10-17 20:40:19
+1
A:
This should work for IE6, IE7, and IE8:
.gradientClass
{
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6e6e6', endColorstr='#CCCCCC'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6e6e6', endColorstr='#CCCCCC')"; /* IE8 */
}
James Lawruk
2010-05-28 02:26:07
A:
The code I use for all browser gradients..
background: #0A284B;
background: -webkit-gradient(linear, left top, left bottom, from(#0A284B), to(#135887));
background: -moz-linear-gradient(top, #0A284B, #135887);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A284B', endColorstr='#135887');
Gradients don't work on ie <li></li> elements
Blowsie
2010-06-18 13:09:21
A:
hi Blowsie, I am using IE8 and the gradient you specified for IE is not working in my case.Can you help me in solving this problem.
thanks in advance
ganesh
2010-10-14 10:03:55