Hi genius,
I've created a customized web browser which host a WebBrowser control.
now my browser encounter a weired issue that is, the DXImageTransform filter will loose effect if the element is going to be scrolled out of the current screen.
Let me explain it more:
I create a webpage, and there's a <div> which is applied a filter (progid:DXImageTransform.Microsoft.gradient) .
When this webpage is opened by my browser, if the <div> is kept on the first screen, everything works fine. but if I scroll the webpage until the <div> is going out of the current visible screen, and then scroll the <div> back into the visible screen, the filter will not work, the <div> displays as there were no filter applied.
how can this happen? is there any event I need to send to the WebBrowser control when trying to re-render the element which has filter applied??
please help. thanks in advance.
Environment: Windows 7, IE8.
the test web page is:
<head>
<style type="text/css">
#side {
;
left: 10px;
top: 10px;
width: 100px;
height: 160px;
padding: 30px 0 0 20px;
border: solid;
border-color: blue;
background-color: green;
/* for IE7,8 */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#8FFF00FF', endColorstr='#FFFFFF00');
}
</style>
</head>
<body>
<div style="width: 200px; height: 1000px; border: solid; border-color: red;">
</div>
<br />
<div id="side"></div>
</body>