Hi,
On one of my pages I would like the background color to fade from left-top to right-bottom (from white to grey).
How do I do this using css?
Cheers,
PieterI'm not 100% sure but i don't think that it's possible (without images)Hi,
I've seen that it is possible on one of MS's websites: click here (<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm">http://msdn.microsoft.com/workshop/samp ... Tidemo.htm</a><!-- m -->).
But the code looks to be MS orientated.
SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid
XImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src=http://www.webdeveloper.com/forum/archive/index.php/"fruit.gif" align=left>
<DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
Hope u can assure me or have better code.
Cheers,
PieterYes it is microsoft specific. If you want it to work on any browser you'll need an image, or if you don't care about people who don't use IE then you could try that code. Up to you.pieter,
check your link with an other browser. looks nice
Hi,
Code doesn't seem to work in Netscape.
Is there no css way supported by more browsers than IE?
Cheers,
PieterNee,
you can use the css-filter and if the browser is not IE (i think 5.5 and above) you see the full image.
Maar in Nederland wordt toch meestal IE gebruikt.
On one of my pages I would like the background color to fade from left-top to right-bottom (from white to grey).
How do I do this using css?
Cheers,
PieterI'm not 100% sure but i don't think that it's possible (without images)Hi,
I've seen that it is possible on one of MS's websites: click here (<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm">http://msdn.microsoft.com/workshop/samp ... Tidemo.htm</a><!-- m -->).
But the code looks to be MS orientated.
SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid
XImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src=http://www.webdeveloper.com/forum/archive/index.php/"fruit.gif" align=left><DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
Hope u can assure me or have better code.
Cheers,
PieterYes it is microsoft specific. If you want it to work on any browser you'll need an image, or if you don't care about people who don't use IE then you could try that code. Up to you.pieter,
check your link with an other browser. looks nice
Hi,Code doesn't seem to work in Netscape.
Is there no css way supported by more browsers than IE?
Cheers,
PieterNee,
you can use the css-filter and if the browser is not IE (i think 5.5 and above) you see the full image.
Maar in Nederland wordt toch meestal IE gebruikt.