Cleartype problem, using transition & IE7

Internet Explorer Web Development

JasonRL

Hello,

I am using the following code with a filter transition.
The text within the transition span never displays in cleartype.

The second span, without the transition, displays the text in cleartype.

I need text within a transition span to be displayed using cleartype.

Has anyone had this problem before

See the code below for the example

thanks, Jason

----------------------------------------------------------------------
<html>
<head>
<script>
function playTrans()
{
DisplayObj.style.backgroundColor = '#1B5B76';
DisplayObj.filters[0].apply();
DisplayObj.style.backgroundColor = '#18526A';
DisplayObj.innerHTML = '<BR>This is a test';
DisplayObj.filters[0].play();
}
</script>
</head>

<body onLoad ='playTrans();' style = 'background-color:#18526A;'>

<SPAN id='DisplayObj' onclick='playTrans();'
style='position: absolute; color : #EEE8AA;font-family:Verdana; font-size:9 pt; font-weight: normal; font-style: normal;left:0; top: 0; width: 280; height: 75;
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.75,wipeStyle=1,motion=forward); '>
<BR>This is a test
</SPAN>

<span style='position: absolute; color : #EEE8AA;font-family:Verdana;
font-size:9 pt; font-weight: normal; font-style: normal;left:0; top: 85;
width: 280; height: 75;'>
This is a test
</span>
</body>
</html>
Top

Re: Internet Explorer Web Development Cleartype problem, using transition & IE7

Kun Cong - MSFT

Cleartype and filter could not be used together, because of some weird effect with filter on cleartype font. This is a known issue of IE7.


Top