WebBrowser控件以不同于IE11的方式呈现CSS - 相同的documentMode

时间:2016-01-23 02:53:54

标签: c# css internet-explorer webbrowser-control

我注意到IE 11呈现此页面与WebBrowser控件呈现此页面之间的区别。 WebBrowser的仿真模式与IE11的仿真模式匹配,因此不是问题。这可能是一个缺陷吗?

这就是我在C#中设置WebBrowser对象的方法:

browser.Dock = DockStyle.Fill;
browser.ScrollBarsEnabled = false;
browser.DocumentText = /* I am setting the html here */;

如果你在WebBrowser中运行它,你将看不到第二行,但它在IE11中完美运行。

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>WebBrowser Rendering Issue</title>
    <style>
        #main-div {
            position: relative;
            height: 100%;
            overflow: hidden;
        }

        .child-div {
            position: absolute;
        }
    </style>

</head>
<body>
    You will only see this line rendered in WebBrowser.
    <div id='main-div'>
        <div class='child-div'>
            You will also see this line when ran in IE or Chrome.
        </div>
    </div>

    <script>alert("Document Mode: " + document.documentMode);</script>
</body>
</html>

0 个答案:

没有答案