I am facing an issue where, the CSS3 background is not rendered in WebBrowser control in Windows
Phone 8. But same HTML when opened in WebBrowser in Windows
Phone 8, it renders the gradient
The HTML I am using is:
<html>
<head>
<meta name="viewport" content="width=320, user-scalable=no, minimum-scale=1, maximum-scale=1"/>
</head>
<body style="margin:0px;overflow:hidden;">
<div id="im_c" style="height:48px;width:100%25; background: -ms-linear-gradient(
bottom,
#432100 30%,
#00AAAA 70%);">
<div style="margin:0 auto;width:320px;">
Test
</div>
</div>
<style>
body {margin:0px}
</style>
</body>
In Windows
Phone 8, I use the HTML as below:
WebBroswer WebView = new WebBrowser();
WebView.Height = 100;
WebView.Width = 400;
WebView.NavigateToString(@"<html><head><meta name=""viewport"" content=""width=320, user-scalable=no, minimum-scale=1, maximum-scale=1""/></head><body style=""margin:0px;overflow:hidden;""> <div id=""im_c"" style=""height:48px;width:100%25; background: -ms-linear-gradient( bottom, #432100 30%, #00AAAA 70%);""> <div style=""margin:0 auto;width:320px;"">Test</div></div> <style> body {margin:0px} </style> </body></html>");
In this case, the CSS gradient is not visible.
Am I missing something?
